/* AV3 Layout CSS
  Date: 30th March 2009
  By: Christopher Scott    
  Email: chrisscott@savantis.com
*/

/************************* CONTAINER, BODY, HTML *****************************/

html{
	height:100%;
}

body {
	margin:0 auto;
	background: url(../../images/layout/av3-header-bg.jpg) repeat-x;
	background-color:#FFFFFF;
	padding:0;
	height:100%;
}

/* Defines Size of Container (Overall Site Width) */

#container{
	min-height:100%;
	width:970px;
	margin:0 auto;
	padding:0;
	background-color:#FFFFFF;
	text-align:left;
}

/* BIT OF A HACK FOR FF */
#container:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	font-size:0;
	visibility:hidden;
}

#container {
	display: inline-block;
}

/************************* HEADER *****************************/

#header-container{
	float:left;
	height:115px;
	width:970px;
	padding:0; /*Note = Top - Right - Bottom - Left */ 
	margin:0;
}

#logo{
	float:left;
	height:115px;
	width:220px;
}

#header-bg{
	float:left;
	height:115px;
	width:750px;
	background: url(../../images/layout/av3-header-bg.jpg) repeat-x;
}

#header-links{
	float:left;	
	height:70px;
	width:530px;
	margin:45px 0px 0px 10px; /*Note = Top - Right - Bottom - Left */ 
	padding:0;
	color:#666;
	font-weight:bold;
	font-size:90%;
}

#header-right{
	float:right;;	
	height:115px;
	width:200px;
	padding:0;
	text-align:right;
}


#header-right-top{
  padding:10px 0px 8px 0px ; /*Note = Top - Right - Bottom - Left */ 
	margin:0;
	color: #666;
	font-weight:bold;
	float:right;	
	width:200px;
	font-size:80%;
}



/*************************** RIGHT & LEFT - SIDE PODS *********************/

/* MAIN LEFT POD OUTER CONTAINER */

#left-pod-container{
	float:left;
	width:210px;
	height:auto;
}

#right-pod-container{
  float:right;
  width:200px;
  height:auto;
  padding:0px 0px 0px 0px; /*Note = Top - Right - Bottom - Left */ 
  margin:0;
}

/* NAVIGATION POD */

#navigation-pod{
  float:left;
	width:200px;
	height:auto;
	padding:0px 0px 0px 0px; /*Note = Top - Right - Bottom - Left */
	margin:0;
}

/* 2ND POD IN LEFT POD CONTAINER (POD BELOW NAVIGATION) */

#second-left-pod, #third-left-pod {	
	float:left;
	width:200px;
	height:auto;
	padding:5px 0px 0px 0px; /*Note = Top - Right - Bottom - Left */
	margin:0;
}

/* POD CONTENT ADDS PADDING TO THE INSIDE OF THE POD FOR CONTENT */

.pod-content{
	float:left;
	width:180px;
	height:auto;
	padding:0px 10px 0px 10px; /*Note = Top - Right - Bottom - Left */ 
	margin:0;
}

/* ( RIGHT POD ONLY ) ADDS A BORDER TO THE POD DEPENDING ON POSITION */

.top-side-pod-content{
	float:left;
	width:180px;
	height:auto;
	padding:0px 0px 0px 0px; /*Note = Top - Right - Bottom - Left */ 
	margin:0 0 10px 0;
	border-bottom:#F0F0F0 solid 2px;
}

.side-pod-content{
	float:left;
	width:180px;
	height:auto;
	padding:10px 0px 10px 0px; /*Note = Top - Right - Bottom - Left */ 
	margin:0;
	border-bottom:#F0F0F0 solid 2px;
}

.bottom-side-pod-content{
	float:left;
	width:180px;
	height:auto;
	padding:10px 0px 0px 0px; /*Note = Top - Right - Bottom - Left */ 
	margin:0;
}


/*************************** CENTER POD  - 3 COLUMN LAYOUT *********************/

#center-pod-container {
  float:left;
	width:550px;
	height:auto;
	padding:0px 5px 0px 5px; /*Note = Top - Right - Bottom - Left */ 
	margin:0;
}

.center-pod-holder{
	float:left;
	width:520px;
	height:auto;
	padding:0px 15px 0px 15px; /*Note = Top - Right - Bottom - Left */ 
	margin:0;
}

.center-pod-content{
	float:left;
	width:520px;
	height:auto;
	padding:0px 0px 10px 0px; /*Note = Top - Right - Bottom - Left */ 
	margin:0;
	border-bottom:#F0F0F0 solid 2px; 
}



/*************************** CENTER POD  - 2 COLUMN LAYOUT *********************/

#large-center-pod-container{
	float:left;
	width:750px;
	height:auto;
	padding:0px 0px 0px 5px; /*Note = Top - Right - Bottom - Left */ 
	margin:0;
}

.large-center-pod-holder{
	float:left;
	width:720px;
	padding:0px 15px 0px 15px; /*Note = Top - Right - Bottom - Left */ 
	margin:0;
}

.large-center-pod-content{
  float:left;
  width:720px;
  padding:0px 0px 10px 0px; /*Note = Top - Right - Bottom - Left */ 
  margin:0;
}




/*************************** FOOTER *********************/

#footer-container{
  float:left;
	width:970px;
	height:auto;
	padding:20px 0px 0px 0px; /*Note = Top - Right - Bottom - Left */ 
	margin:0;
}

#footer-navigation{
	color:#999;
        font-size:80%;
	float:left;
	text-align:left;
	width:490px;
	height:auto;
	padding:0px 10px 0px 0px; /*Note = Top - Right - Bottom - Left */ 
	margin:0;
}

#footer-navigation b{
    margin:5px 0 0 1px;
}

#footer-image{
	float:right;
	text-align:right;
	width:465px;
	height:auto;
	padding:0px 0px 0px 5px; /*Note = Top - Right - Bottom - Left */ 
	margin:0;
}



/*HACKS*/

/* Hide from IE5/Mac \*/
* html .clearfix {height: 1px;}
* html div#container {height:100%;}
.clearfix,div#container {display:block;}
/* End hide */
/*ie6 hacks*/
* html #container {
height: 100%;
}




/************************* MAIN LEFT NAVIGATION *****************************/

ul.menu, 
ul.menu ul{ 
	margin:0; 
	padding:0; 
	list-style:none; 
} 

ul.menu {
  width:180px;
} 

ul.menu li { 
	margin:0; 
	padding:0; 
	margin-bottom:3px; 
	font-family: Arial, Helvetica, sans-serif;	
} 

li.menu1 a{ 
	background-image: url(../../images/style/arrow.jpg);
	background-repeat: no-repeat;
	background-position: 100%;
	display:block;
	padding:5px 5px; 
	margin:0;
	color:#666; 
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	border-bottom:#F0F0F0 solid 2px;
} 

li.menu1 a:active {
	color: #666; 
}

li.menu1 a:focus {
	color: #C00; 
}

li.menu1 a:hover {
	color: #999; 
	}

/* MAIN MENU SUB MENU (ONLY USE IN ADMIN) */

li.menu2 a { 
	display:block;
	padding:5px 5px; 
	color:#868686; 
	font-size:11px;
	background:#fff; 
	font-weight:normal;
	text-decoration:none;
	border-bottom:#F0F0F0 solid 0px;
} 

li.menu2 a:hover {
	color: #C00; 
}

li.menu2 a:active {
	color: #999; 
}

li.menu2 a:focus {
	color: #C00; 
}

.menu ul li {
	padding-left:0px;
} 

.hidden {
	display:none;
}

/************************* TOP / HEADER NAVIGATION *****************************/

ul#top-navigation {
  margin: 0px auto;
  width: auto;
  list-style: none;
}
ul#top-navigation li {
  float: left; /*For Gecko*/
  display: inline;
  list-style: none;
}
ul#top-navigation a {
  padding: 0 10px;
  color: #666;
  text-decoration:none;
  }
  
ul#top-navigation a:hover
 { 
	color:#CC0000;
	text-decoration: none; 
	border: 0px none;}
	
ul#top-navigation a:active {
	color:#C00; 
}

ul#top-navigation a:focus {
	color:#C00; 
}

/* USERS LOGIN NAVIGATION */

.userbar a { 
	color: #666;
	text-decoration: none; 
	border: 0px none;
	font-weight:bold;
	font-size:90%;
}

.userbar a:hover { 
	color: #CC0000; 
}
	
/************************* FOOTER NAVIGATION *****************************/

.footer-navigation ul {
  margin: 0px auto;
  width: auto;
  list-style: none;
}
.footer-navigation li {
  display: inline;
  list-style: none;
}
.footer-navigation a  {
  padding: 0px 3px;
  color: #666;
  font-size:85%;
  font-weight:bold;
  text-decoration:none;
}

.footer-navigation li.twitter{
  background-image: url(../../images/style/twitter.png);
  background-repeat: no-repeat;
  background-position: 0 50%;
  padding-left:16px; /*Note = Top - Right - Bottom - Left */
}

.footer-navigation li.rss{
  background-image: url(../../images/style/rss.jpg);
  background-repeat: no-repeat;
  background-position: 0 50%;
  padding-left:16px; /*Note = Top - Right - Bottom - Left */
}

  
.footer-navigation a:hover
 { 
	color:#C00; 
	text-decoration: none; 
	border: 0px none;
}
	
.footer-navigation a:active {color:#C00; }
.footer-navigation a:focus {color:#C00; }

/************************* SUBPAGES NAVIGATION FOR DYNAMIC PAGES (HELP - ABOUT US - AFFILIATE ETC *****************************/


ul.subpage, 
ul.subpage ul { 
  margin:0; 
  padding:4px 0px 4px 0px; 
  list-style:none; 
} 


ul.subpage li { 
  margin:0; 
  padding:0px 10px 0px 0px ; 
  display:inline;
  margin-bottom:3px; 
  font-size:90%;
  font-weight:bold;
  font-family: Arial, Helvetica, sans-serif;	
} 


/************************* MAIN PRODUCT SEARCH MENU *****************************/

.search-box{
	width:720px;
	padding: 0px 0px 5px 0px;
	margin-bottom:5px;
}

.search-pod-content{
	width:700px;
	height:auto;
	padding:0 10px 0 10px;
}

/** SIDE SEARCH POD **/

#search-pod{
  float:left;
  width:180px;
  height:20px;
padding:0px 0px 0px 0px;
}

/*PRODUCT SEARCH BG IMAGES*/

.search-pod-top{
	float:left;
	width:720px;
	height:25px;
	background: url(../../images/layout/search_bg_top.jpg) no-repeat;
}

.search-pod-middle{
	float:left;
	width:720px;
	background: url(../../images/layout/search_bg_middle.jpg) repeat-y;
}

.search-pod-bottom{
	float:left;
	width:720px;
	height:25px;
	background: url(../../images/layout/search_bg_bottom.jpg) no-repeat;
}

/*PRODUCT SEARCH LISTS*/

ul.search, 
ul.search ul { 
margin:0; 
padding:4px 0px 4px 0px; 
list-style:none; 
} 


ul.search li { 
margin:0; 
padding:0px; 
display:inline;
margin-bottom:3px; 
font-size:85%;
font-family: Arial, Helvetica, sans-serif;	
} 

li.search-label{
	font-size:90%;
	font-weight:bold;
	padding:3px 5px 3px 0px;
	margin:0;
}

.search-padding {
  padding-left:0px;
	padding-bottom:5px;
}

/*PRODUCT SEARCH STYLES*/

.mag{
	padding:0px 0px 0px 0px;
}

.searchbox{
	border:1px solid #CCC;
	height:14px;
	width:150px;
	padding:0;
	margin:0;
	font-size:10px;
}

.search-red{
	color:#CC0000;
}

.remove-red{
	color:#CC0000;
	font-weight:bold;
}

.searchfloatright	
{
float:right;	
padding:0 5px 0 0px;
}
	
.searchfloatleft
{
float:left;	
padding:0 0px 0 1px;
}

/************************* PRODUCT CATAGORY TYPES LANDING AREA *****************************/

.landing-box{
	width:720px;
	padding:0px 0px 15px 0px;
	margin:0;
}

.landing-pod-content{
	width:700px;
	height:auto;
	padding:0 10px 0 10px;
}

/*PRODUCT LANDING BG IMAGES*/

.landing-pod-top{
	float:left;
	width:720px;
	height:25px;
	background: url(../../images/layout/landing_bg_top.jpg) no-repeat;
}

.landing-pod-middle{
	float:left;
	width:720px;
	background: url(../../images/layout/landing_bg_middle.jpg) repeat-y;
}

.landing-pod-bottom{
	float:left;
	width:720px;
	height:25px;
	background: url(../../images/layout/landing_bg_bottom.jpg) no-repeat;
}

/* PRODUCT LANDING STYLES */

.landing-box p{
	font-size:90%;
	margin:0%;
	padding:0px 0px 5px 0;
}

/************************* SORT BY BAR (PRODUCTS & OTHER) *****************************/


.sort-bg{
	width:720px;
	height:32px;
	background: url(../../images/layout/sort_bg.jpg) no-repeat;
}

.sort-box{
	width:720px;
	padding:0px 0px 0px 0px;
}

.sort-content{
	width:700px;
	padding:8px 10px 0 10px;
}

/* SORT BY CONTENT HOLDERS (SEARCH - SORT BY - PAGING */

.refine-search{
	float:left;
	width:180px;
	padding:0px 0px 0px 0px;
}
	
.sort{
	float:left;
	width:270px;
	padding:0px 0px 0px 0px;
}	
	
.page
{
	float:right;
	width:230px;
	font-size:70%;
	font-weight:bold;
	text-align:right;
	padding:1px 15px 0px 0px;
	color:#CC0000;
	}	

.page a {
	color: #666;
	text-decoration: none;
}

.page a:hover {
	color: #CC0000;
	text-decoration: none;
}

/* SORT FORM */

.sort-form{
	padding:0 0 0 25px;
}

.sort-form label{
	font-size:85%;
	font-weight:bold;
}

.sort-form select{
	font-size:80%;
}

/* BOTTOM SORT BY BAR (PAGING) */

.page-bottom
{
	float:right;
	width:250px;
	font-size:70%;
	font-weight:bold;
	text-align:right;
	padding:10px 15px 0px 0px;
	color:#CC0000;
	}	

.page-bottom a {
	color: #666;
	text-decoration: none;
}

.page-bottom a:hover {
	color: #CC0000;
	text-decoration: none;
}



/*AV3 Styles
  By: Christopher Scott    
  Email: chrisscott@savantis.co.uk
*/

/************************************ BODY *************************************/

body{
	font-size:80%; 
  font-family: Tahoma, Geneva, sans-serif;
  color:#666;
}

/************************************ GLOBAL STYLES *************************************/

p {
	padding: 5px 0px 5px 0px
}

a {
	color: #666;
	text-decoration: none;
}

a:hover {
	color: #CC0000;
	text-decoration: none;
}

abbr {
  cursor: help;
}

img{
	border:none;
}

h1{
	padding: 0px 0px 5px 0px;
	margin:0px;
	font-size:110%;
	font-weight: bold;
	color: #666;
}

h2{
	margin:0px;
	font-size:105%;
	font-weight: bold;
	color: #666;
}

h3{
	padding: 15px 0px 5px 0px;
	margin:0px;
	font-size:105%;
	font-weight: bold;
	color: #666;	
}

ul{
	list-style-type: none;
	padding: inherit;
	margin:  inherit;
}


ol{
	list-style-type: none;
	padding:  inherit;
	margin:  inherit;
}

.floatright	{
  float:right;	
}
	
.floatleft {
  float:left;	
}

.clear 
{
clear:both;
}

.clearright {
  clear:right;
}

.clearleft{
	clear:left;
}

/************************************ PAGE TITLES *************************************/

.pagetitle{
	/*padding:0 0 15px 0;*/
	margin:0 0 10px 0;
}
.sub-title{
	padding:10px 0 10px 0;
}

.pod-content .pagetitle, .pod-content .sub-title{
	padding:0 0 5px 0;
}

.tag-line{
	font-size:85%;
	font-weight:bold;
	padding:10px 0 10px 0;
	
}

/****************************************** FORMS *******************************************/

.cssform ol {
  list-style: none;
  margin-left: 0;
	font-size:95%;
  line-height: 1.5; }
  .cssform ol li {
    margin: 5px 0 5px 0; }
    .cssform ol li label {
      float: left;
      width: 150px;
			text-align:right;
      margin-right: 10px; }	
		.cssform ol li.button {
      margin-left: 160px;}		
			
.cssformside ol {
  list-style: none;
  margin-left: 0;
	font-size:85%;
  line-height: 1.5; }
  .cssformside ol li {
    margin: 5px 0 5px 0; }
    .cssformside ol li label {
      float: left;
      width: 30px;
			text-align:right;
      margin-right: 10px; }	
		.cssformside ol li.button {
      margin-left: 110px;
			}		
			
.checkbox{
	padding:0;
	margin:0;
}

.readonly {
  color: #666;
  border: 0;
}

/* FORM ERRORS */			

.fieldWithErrors label {
  color: #C00; 
}
	
.fieldWithErrors label:after {
	content: "*"; 
}

#errorExplanation h2{
  font-weight: bold;
  font-size: 14px;
  margin-top: 10px; 
  color:#C00
}
			
.errorExplanation {
  margin: 10px;
}
	
.errorExplanation li {
	list-style:disc;
}

/****************************************** Tables *****************************/

fieldset{
  background-color: #FAFAFA; 
	border:1px solid #CCC;
}

legend{
	font-weight:bold;
}

table{
	width:100%;
	border-collapse:collapse;
}

tr.basket_headings, tr.order_headings, tr.promotion_headings{
	background-color:#F0F0F0;
}

tr.selected_promotion_item td {
	color: #CC0001;
}

tr.basket_total, tr.order_total {
	border-top: #F0F0F0 dotted 1px;
	border-bottom: #F0F0F0 solid 1px;
}

tr.order_vat, tr.order_total_before_discount, tr.order_total_discount{
	border-top: #F0F0F0 dotted 1px;
}

td.quantity, th.quantity,
td.delete, th.serial_number, th.remove{
	text-align:center;
}
td.checkout{
	text-align:right;
}

tr.account-settings-header{
	background-color:#F0F0F0;
	border-bottom:solid 2px #CCC;
}

table.order {
	width:30%;	
}
td.order{
 font-weight: bold;
}

td.order-state{
 font-weight: bold;
 color:#CC0000;
}

/****************************************** BASKET  *****************************/
.basketfloatright	{
  float:right;
	text-align: right;
	padding:0px;
}
	
.basketfloatleft{
	float:left;
	text-align: left;	
	padding:0px;
}

tr.order_product_error td {
	border: 1px solid #B61600;
	background-color: #FF8E8E;
	color: black;
}


/****************************************** FLASH ALERTS  *****************************/

#flash {
  margin: 5px 5px 15px 5px;
  padding: 7px 0 7px 0;
  text-align: center;
	font-size:90%;
	font-weight:bold;
  color: #666; 
}

#flash.alert {
  background-color: #F5F5F5;;
	color: #666;
	border:1px dashed #CCC;
}
	 
#flash.alert:before {
  content:"* ";
	font-size:150%;
	color:#FFCC00;
}
	 
#flash.alert:after {
  content:" *";
	font-size:150%;
	color:#FFCC00;
}

#flash.error {
  background-color: #F5F5F5;
	color: #666;
	border:1px dashed #CCC;
}

#flash.error:before {
  content:"* ";
	font-size:150%;
	color:#CC0000;
}
	 
#flash.error:after {
  content:" *";
	font-size:150%;
	color:#CC0000;
}

#flash.notice {
  background-color: #F5F5F5; 
	border:1px dashed #CCC;
	padding-bottom:10px;
}

#flash.notice:before {
  content:"* ";
	font-size:150%;
	color:#99CC33;
}
	 
#flash.notice:after {
  content:" *";
	font-size:150%;
	color:#99CC33;
}

.warning {
  background-color: #FFEFCF;
	color: #666;
	border:1px dashed #CCC;	
	padding: 5px;
}

.msg{
  text-align: center;
	font-size:90%;
	font-weight:bold;
  color: #CC0000;
}

/************************************ NEWS ARTICLE *************************************/

/* NEWS ARTICLE MAIN  */	

.article-show-container{
	width:100%;
	height:auto;
	float:left;
	padding: 0px 0 8px 0;
	margin: 0px 0 15px 0;
	border-bottom:1px solid #F5F5F5;
}

.article-show-container p{
  font-size:90%;
	padding:0px 0px 10px 0px;
	margin:0;
}

h1.fullarticle{
	padding: 5px 0px 5px 0px;
	margin:0px;
	font-size:105%;
	font-weight: bold;
	color: #666
}

p.fullarticle{
	color: #666;
	font-size:90%;
	padding: 8px 0px 8px 0px; /*Note = Top - Right - Bottom - Left */
	margin:0;
}

.fullarticlelink a{
	color:#CC0000;
	font-size:95%;
	font-weight:bold;
	float:left;
}

.fullarticlelink a:hover{
	color:#666;
}

/* NEWS PREVIEW ( PAGE PARTIAL) */

.article-container{
	width:100%;
	height:auto;
	float:left;
	padding: 0px 0 8px 0;
	margin:0px 0 8px 0;
	border-bottom:1px solid #F5F5F5;
}

p.smallarticle{
	color: #666;
	font-size:85%;
	padding: 5px 0px 5px 0px; /*Note = Top - Right - Bottom - Left */
	margin:0;
}

h1.smallarticle{
	color: #666;
	font-size:90%;
	padding: 5px 0px 5px 0px; /*Note = Top - Right - Bottom - Left */
	margin:0;
	font-weight:bold;
}

.smallarticlelink a{
	color:#CC0000;
	font-size:85%;
	font-weight:bold;
}

.smallarticlelink a:hover{
	color:#666;
}

/**************************************** PRODUCTS *****************************************/

/********************************** PRODUCT LISTING *************************************/

.product-container{
	width:720px;
	height:auto;
	float:left;
	padding:0px 0 8px 0;
	border-bottom:1px solid #F5F5F5;
}

.product-name-holder{
	width:720px;
	height:30px;
	margin:5px 0 5px 0;
	float:left;
	}
	
.product-image-holder{
	width:170px;
	float:left;
}

.product-content-holder{
	width:350px;
	float:left;
}

.product-content-holder p{
	padding:0px 0px 0px 0px;
	margin:0;
}

.product-desc{
  width:346px;
  float:left;
	font-size:85%;
	padding:0 0 2px 4px;
}

.rating-comments-holder{
  width:350px;
  float:left;
}

.product-price-holder{
	width:200px;
  float:left;
	text-align:right;
}

.product-options-holder{
	width:170px;
	float:left;
  padding:5px 0 5px 0;
}

.zoom{
	width:65px;
	float:left;
	padding:0 5px 0 5px;
}

.info{
	width:65px;
	float:left;
	padding:0 5px 0 5px;
}

/****************************************** PRODUCT SHOW *************************************/

.product-show-container{
	width:720px;
	height:auto;
	float:left;
}

.product-show-container p{
	font-size:90%;
	padding:0px 0px 10px 0px;
	margin:0;
}

.product-name-holder-show{
	width:290px;
	margin:0 0 0 0;
	float:left;
}

.product-manu-holder-show{
	width:290px;
	margin:5px 4px 10px 0px;
	float:left;
}
	
.product-image-holder-show{
	width:425px;
	float:left;
}

.product-right-content-holder-show{
	width:290px;
	float:right;
}

.product-content-show{
  width:720px;
  float:left;
	padding:10px 0 0 0;
}

.product-price-holder-show{
	width:290px;
  float:left;
}

.product-os-holder-show{
	width:430px;
	float:left;
  font-size:90%;
	clear:both;
}

.product-host-app-holder-show{
	width:430px;
	float:left;
	font-size:90%;
	clear:both;
}

.add-to-basket{
  width:145px;
	float:left;
	padding:8px 0px 0px 0px;
	margin:0px;
}

.add-to-favorite{
  width:145px;
	float:right;
	padding:8px 0px 0px 0px;
	margin:0px;
}

.add-to-basket form{
	padding:0;
	margin:0;
}

p.requirements{
	font-size:85%;
}



.unique-id{
	float:left;
	height:32px;
	width:240px;
	padding:18px 0 0 50px;
	margin:0;
  background: url(../../images/style/id_bg.png) no-repeat;
}

.download-url{
	width:145px;
	float:right;
	padding:5px 0px 0px 0px;
}

.video{
	width:145px;
	float:right;
	padding:5px 25px 0px 0px;
}
.tutorial{
	width:145px;
	float:left;
	padding:5px 0px 0px 0px;
}

.addthis{
float:right;
padding:8px 10px 0px 0px;
font-weight:bold;
font-size:90%;
}

ul.requirements, 
ul.requirements ul { 
margin:0; 
padding:6px 0px 0px 0px;
list-style:none; 
} 

ul.requirements li { 
margin:0; 
padding:4px; 
display:inline; 
font-size:85%;
font-family: Arial, Helvetica, sans-serif;	
} 

ul.requirements li.label{
	font-size:90%;
	font-weight:bold;
	padding:0px;
	margin:0px
}

ul.requirements li ul li {
margin-left:14px;
display:list-item;
list-style: disc;
font-size: 100%
}

ul.requirements li ul li ul li {
margin-left:14px;
display:list-item;
list-style: circle;
font-size: 98%
}


.product_features ul li{
margin-left:14px;
display:list-item;
list-style: disc;
font-size: 100%
}

.product_features ul li ul li {
margin-left:14px;
display:list-item;
list-style: circle;
font-size: 98%
}







h1.label{
	font-size:90%;
	font-weight:bold;
	padding: 10px 0 10px 0;
	margin:0px
}

.product-reviews-show{
  width:720px;
  float:left;
	padding:10px 0 0 0;
	border-top:1px dotted #CCC;
	clear:both;
}

.product-rating-review-show{
  width:290px;
  float:left;
	padding:0px 0 6px 0;
}

h1.product{
	padding: 0px 0px 0px 0px;
	margin:0px;
	font-size:120%;
	font-weight: bold;
	color: #CC0000;	
}

h2.manufacturer{
font-size:90%;
padding: 0px 0px 0px 4px;
font-weight: normal;
}

h1.desc{
	padding: 0px 0px 0px 0px;
	margin:0px;
	font-size:120%;
	font-weight: bold;
	color: #CC0000;	
	
}
h1.news-title{
	padding: 5px 0px 5px 0px;
	margin:0px;
	font-size:105%;
	font-weight: bold;
	color: #666
}
h1.news-title:after{
	color:#CC0000;
	font-size:110%;
	content:" »";
}

/* PRODUCT STYLES */

.rrp{
	font-size:80%;
	padding:0px 8px 2px 4px;	
}

.usual_price{
	font-size:80%;
	padding:0px 8px 2px 4px;
	text-decoration: line-through;
}

.price-label{
	font-size:80%;
	padding:0px 0px 0px 4px;
}

.price{
	padding:0px 8px 2px 0px;
	color:#CC0000;
	font-weight:bold;
	font-size:120%;
}
.secondary-price{
	padding:0px 8px 2px 0px;
	font-size:120%;
}
.save-label{
	font-size:80%;
	padding:0px 0px 0px 4px;
	
}

.save {
	padding:0px 8px 0px 0px;
	color:#00AA00;
	font-size:100%;
}

h3.save {
  font-size: inherit;
}

.review{
	font-size:80%;
	font-weight:bold;
	padding:4px 4px 6px 4px;
}

.unique{
	border:1px solid #CCC;
	height:14px;
	width:230px;
	padding:0;
	margin:0;
	font-size:12px;
}

.system-requirements p{
  margin-top:4px;
  font-size:100%
}

/* COMP / ALT PRODUCTS */
.complimentaries-container{  
  width:720px;
  float:left;
	padding:10px 0 0 0;
	margin:10px 0 0 0;
	border-top:1px dotted #CCC;
	clear:both;
}


/* REVIEWS */

.latest-reviews{
	border-bottom:1px dotted #F5F5F5;
	font-size:85%;
	padding: 10px 0 10px 0;
}

/* REVIEW FORM */

.review-form{
	padding:5px 5px 5px 5px;
}
.review-form textarea{
	width:100%;
	height:80px;
	border:1px double #CCC;
}
/* PRODUCT TUTORIAL*/

#product-tutorial-container{
	width:100%;
}

#product-tutorial-container .tutorials-sub-container{
	padding: 5px 0 5px 0;
	margin:5px 0 5px 0;
	border-bottom:1px solid #F5F5F5;
}



#product-tutorial-container .learning-aid{
padding:0 0 5px 0;
}

#product-tutorial-container .desc{
padding:0 0 0 0;
font-size:90%;
}
#product-tutorial-container .url{
font-weight:bold;
font-size:90%;
padding:0 0 15px 0;
}

#product-tutorial-container p{
padding:0 0 5px 0;
}

/* TUTORIAL INDEX */

.find-a-tutorial{
	padding:10px 0 10px 0;
	margin:5px 0 5px 0;
	font-size:90%;
}







/****************************** USER ACCOUNT ********************/
	

.accountsettingfloatright	{
  float:right;
	padding:10px 30px 10px 0px
}
	
.accountsettingfloatleft{
	float:left;	
	padding:10px 0px 10px 30px
}

.accountfloatright	{
	float:right;
	padding:10px 0px 10px 0px
}
	
.accountfloatleft{
	float:left;	
	padding:10px 0px 10px 0px
}

/***************************************** HOMEPAGE ***************************/

.homepage-content{
	border-bottom:1px dashed #CCC;
	padding:0 0 10px 0;
	margin:0 0 20px 0;
}

.homepage-content p{
	margin-top:0px;
	font-size:90%; 
}

.homepage-content .image{
	margin:10px 0 10px 58px;
	display:block;
}

.homepage-content .more-info{
	margin:0 0 10px 370px;
}

.homepage-content a{
	color:#CC0000;
}

.homepage-content a:hover{
	color:#666;
}

/* RANDOM PRODUCTS (OTHER GREAT PRODUCTS)*/

.random-product-container{
	width:150px;
	height:auto;
	float:left;
	padding:11.5px;
}

.random-product-container h1{
	min-height:25px;
	height:25px;
	font-size:85%;
	font-weight:bold;
	padding:5px 0 5px 0
}

.random-product-container h2{
	min-height:25px;
	height:25px;
	font-size:85%;
	font-weight:bold;
	padding:5px 0 5px 0
}

.random-product-container .price-label{
	font-size:85%;
	padding:0px 0px 0px 0px;
}


.random-product-container .rrp{
	font-size:80%;
	padding:0px;
}
.random-product-container .price{
	padding: 0px 0px 0px 0px;
	color:#CC0000;
	font-weight:bold;
	font-size:90%;
}

.recommended-product-container{
	width:180px;
	height:auto;
	float:left;
	padding:0px 0px 15px 0;
	margin:0px 0px 15px 0;
	border-bottom:1px dashed #CCC;
}
	
.recommended-product-image{
	width:80px;
	height:auto;
	float:left;
}
	
.recommended-product-content{
	width:95px;
	height:auto;
	float:right;
	text-align:left;
	padding-left:5px;
  font-style:italic;
	font-size:80%;
}

.recommended-product-container h1{
	min-width:25px;
	height:25px;
	font-size:85%;
	font-weight:bold;
}

.recommended-product-container h2{
	min-width:25px;
	height:25px;
	font-size:85%;
	font-weight:bold;
}

.recommended-product-container .price-label{
	font-size:85%;
	padding:0px 0px 0px 0px;
}

.recommended-product-container .rrp{
	font-size:80%;
	padding:0px;
}
.recommended-product-container .price{
	padding: 0px 0px 0px 0px;
	color:#CC0000;
	font-weight:bold;
	font-size:90%;
}


/****************************************************** CONTACT US *************************************************/

.contact-us-container{
	width:720px;
	height:auto;
	float:left;
	padding:0px 0 8px 0;
	margin:0px 0 8px 0;
}

.contact-us-container p {
  padding: 0px 0px 10px 0px;
  margin:0px;
}

.contact-sent{
	background-color: #F5F5F5; 
	border:1px dashed #CCC;
	margin: 5px;
  padding: 15px 0 10px 0;
  text-align: center;
	font-size:90%;
	font-weight:bold;
  color: #666;
}

/************************************** Blog *******************************************/

.blog-post-container{
	width:100%;
	float:left;
}

.blog-post-container h4{
	font-size:85%;
	font-weight:bold;
	padding:0;
	margin:0;
}

.blog-post-container h3{
	font-size:110%;

}

.blog-post-container p{
	font-size:90%;
}

.blog-post-container a{
  color:#CC0000;
}

.blog-post-container a:hover{
  color:#666;
}

.blog-post-container .post{
  width:100%;
	height:auto;
	float:left;
	padding:0px 0px 5px 0;
	margin:0px 0px 5px 0;
	border-bottom:1px dashed #CCC;
}

.blog-post-container .comments{
	font-size:85%;
	font-weight:bold;
}

.blog-comments{
  width:100%;
	height:auto;
	float:left;
	padding:0px 0px 10px 0;
	margin:0px 0px 5px 0;
	border-bottom:1px dashed #F0F0F0;
}

.blog-comments p {
 font-size:85%;
 font-style:italic;
}

.blog-comments a {
 color:#CC0000
}

.blog-comments a:hover {
 color:#666
}


h2.blog{
	font-size:95%;
	padding:5px 0 5px 0;
}

ol.blog{
	padding:0px 0 10px 0;
	font-size:80%;
	font-weight:bold;
}

ol.blog li {
	padding:3px 0 3px 0;
}

.tags{
	font-size:80%;
	font-weight:bold;
}

/*********************************** MAIN SEARCH****************************************/
.search-results{
	width:100%;
	height:auto;
	float:left;
	padding:5px 0px 5px 0;
	margin:5px 0px 5px 0;
	border-bottom:1px dashed #CCC;
}


.search-results h4{
	color:#CC0000;
	padding: 0;
	margin:0;
	
}

.search-results a{
	color:#CC0000;
}

.search-results a:hover{
	color:#666;
}

.search-results .image{
	width:170px;
	float:left;
}

.search-results .content{
	width:350px;
	float:left;
}

.search-results .content-full{
	width:520px;
	float:left;
}

.desc{
	font-size:80%;
}

.search-menu{
	padding:10px 0 0 0;
}

.search-menu a{
	color:#CC0000
}

.search-menu a:hover{
	color:#666
}


/**************************************SIDE COLUMN BANNERS *****************************/

.side-column-banner{
	width:180px;
	padding:0 0 10px 0;
	margin:0;
}

/****************************************** google translate ***************************/

.google-translate{
	padding:10px 0 0 0;
}
/****************************************** Explanation Box ***************************/
.explanation-box{
	width:520px;
	padding:0px 0px 15px 0px;
        margin:20px 0 0 0;
}

.explanation-pod-content{
	width:500px;
	height:auto;
	padding:0px 10px 0 10px;
       
}

/*PRODUCT LANDING BG IMAGES*/

.explanation-pod-top{
	float:left;
	width:520px;
	height:25px;
	background: url(../../images/style/explanation_bg_top.jpg) no-repeat;
}

.explanation-pod-middle{
	float:left;
	width:520px;
	background: url(../../images/style/explanation_bg_middle.jpg) repeat-y;
}

.explanation-pod-bottom{
	float:left;
	width:520px;
	height:25px;
	background: url(../../images/style/explanation_bg_bottom.jpg) no-repeat;
}


.radiofloatleft{
    float:left;
    width:200px;
    font-size:100%;
    font-weight:bold;
}
/****************************************** NOT USED ***************************/

ul.key, 
ul.key ul { 
	margin:0; 
	padding:6px 0px 6px 0px; 
	list-style:none; 
} 


ul.key li { 
	margin:0; 
	padding-left:15px;
	display:inline;
	margin-bottom:3px; 
	font-size:85%;
	font-family: Arial, Helvetica, sans-serif;	
}

ul.rss {
  list-style-type:none;
  padding: 1px 0px 0px 0px; /*Note = Top - Right - Bottom - Left */
  margin:  0px;
}

li.first {
  margin: 0;
  border: 0 none;
  padding: 0px;
  float: left; /*For Gecko*/
  display: inline;
  list-style: none;
}

li.arrow{
  background-image: url(../../images/styles/arrowpoint.png);
  background-repeat: no-repeat;
  background-position: 0 50%;
  padding: 3px 0px 3px 20px; /*Note = Top - Right - Bottom - Left */
  margin:10px;
}

.rss{
  background-image: url(../../images/style/rss.png);
  background-repeat: no-repeat;
  background-position: 0 50%;
  padding: 0px 0px 0px 20px; /*Note = Top - Right - Bottom - Left */
  margin:0px;
  font-size:85%;
  font-weight:bold;
}

.footer-rss{
  background-image: url(../../images/style/rss.png);
  background-repeat: no-repeat;
  background-position: 0 50%;
  padding: 0px 0px 0px 20px; /*Note = Top - Right - Bottom - Left */
  margin:0px;
}

.css1 { font-size: 1.0em; }
.css2 { font-size: 1.2em; }
.css3 { font-size: 1.4em; }
.css4 { font-size: 1.6em; }

/****************************************** Admin ***************************/
abbr.manufacturer-pricing { color: blue; }
abbr.product-pricing, abbr.reseller-pricing { color: red; }
abbr.promotion-active { color: darkgreen; }
abbr.promotion-expired { color: red; }
span.admin-trial-product { color: #666; font-size: 10px;}


.star-rating,
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus,
.star-rating .current-rating{
background: url(../../images/rating/star.gif) left -1000px repeat-x;
}
.star-rating{
position:relative;
width:100px;
height:20px;
overflow:hidden;
list-style:none;
margin:0;
background-position: left top;
}
.star-rating li{
display: inline;
}
.star-rating a,
.star-rating .current-rating{
position:absolute;
top:0;
left:0;
text-indent:-1000em;
height:20px;
line-height:20px;
outline:none;
overflow:hidden;
border: none;
}
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus{
background-position: left bottom;
}
.star-rating a.one-star{
width:20%;
z-index:6;
}
.star-rating a.two-stars{
width:40%;
z-index:5;
}
.star-rating a.three-stars{
width:60%;
z-index:4;
}
.star-rating a.four-stars{
width:80%;
z-index:3;
}
.star-rating a.five-stars{
width:100%;
z-index:2;
}
.star-rating .current-rating{
z-index:1;
background-position: left center;
}
.avg-rating{
	padding:1px 4px 0 4px;
	font-size:80%;
	font-weight:bold;
}

.avg-rating-highlight{
	color:#CC0000;
}


#sb-container,#sb-wrapper{text-align:left;}#sb-container,#sb-overlay{position:absolute;top:0;left:0;width:100%;margin:0;padding:0;}#sb-container{height:100%;display:none;visibility:hidden;z-index:999;}body>#sb-container{position:fixed;}#sb-overlay{height:expression(document.documentElement.clientHeight+'px');}#sb-container>#sb-overlay{height:100%;}#sb-wrapper{position:relative;}#sb-wrapper img{border:none;}#sb-body{position:relative;margin:0;padding:0;overflow:hidden;border:1px solid #303030;}#sb-body-inner{position:relative;height:100%;}#sb-content.html{height:100%;overflow:auto;}#sb-loading{position:absolute;top:0;width:100%;height:100%;text-align:center;padding-top:10px;}#sb-body,#sb-loading{background-color:#060606;}#sb-title,#sb-info{position:relative;margin:0;padding:0;overflow:hidden;}#sb-title-inner,#sb-info-inner{position:relative;font-family:'Lucida Grande',Tahoma,sans-serif;line-height:16px;}#sb-title,#sb-title-inner{height:26px;}#sb-title-inner{font-size:16px;padding:5px 0;color:#fff;}#sb-info,#sb-info-inner{height:20px;}#sb-info-inner{font-size:12px;color:#fff;}#sb-nav{float:right;height:16px;padding:2px 0;width:45%;}#sb-nav a{display:block;float:right;height:16px;width:16px;margin-left:3px;cursor:pointer;}#sb-nav-close{background-image:url(resources/close.png);background-repeat:no-repeat;}#sb-nav-next{background-image:url(resources/next.png);background-repeat:no-repeat;}#sb-nav-previous{background-image:url(resources/previous.png);background-repeat:no-repeat;}#sb-nav-play{background-image:url(resources/play.png);background-repeat:no-repeat;}#sb-nav-pause{background-image:url(resources/pause.png);background-repeat:no-repeat;}#sb-counter{float:left;padding:2px 0;width:45%;}#sb-counter a{padding:0 4px 0 0;text-decoration:none;cursor:pointer;color:#fff;}#sb-counter a.sb-counter-current{text-decoration:underline;}div.sb-message{font-family:'Lucida Grande',Tahoma,sans-serif;font-size:12px;padding:10px;text-align:center;}div.sb-message a:link,div.sb-message a:visited{color:#fff;text-decoration:underline;}