/* ---------->>> GLOBAL <<<-----------*/

body {
	background: #316aa3 url('img/body.png');
	background-repeat:repeat-y;
	background-position:center;
 }
 
*, * focus {
	outline: none;
	margin: 0;
	padding: 0;
} 
 
 ol {
	list-style:none; }


/* ---------->>> Header <<<-----------*/


#wrapper {
  	margin: 0 auto;
  	width:990px;
	position:relative; }
 

#wrapperInner {
width:990px;
background:#fff;
height:100% !important;
float:left;
position:relative;} 


#logotype {
   	padding: 31px 0 0px 10px;
    width: 200px;
	height:74px; }
	
	
 #globalNav {
	width:990px;
  	height: 35px;
  	background: transparent url('img/sprite.png') no-repeat right -36px;  }

#globalNav .left {
    float: left;
    width: 6px;
    height: 35px;
    background: transparent url('img/sprite.png') no-repeat -225px -0px; }

#globalNav .line {
    float: left;
    width: 2px;
    height: 35px;
    background: transparent url('img/sprite.png') no-repeat -238px -0px; }

#globalNav a {
    color: #fff;
    display: block;
    float: left;
    background: transparent url('img/sprite.png') no-repeat -0px -0px;
	letter-spacing:1px;
	text-decoration:none;
    font-weight: bold;
    line-height: 15px;
	font-size:12px;
    padding: 10px 10px; }

#globalNav a.start {
	padding: 0 10px 0 10px;
	height:35px; }

#globalNav a.selected {
	background: transparent url('img/sprite.png') no-repeat -241px -0px;
	color:#033261; }	

#customerservice {
  	position: absolute;
  	top: 2px;
  	right: 40px;
  	z-index: 100; }
	
#chat {
  	position: absolute;
  	top: 20px;
  	right: 300px;
  	z-index: 100; }	

#telephone {
  	position: absolute;
  	top: 40px;
  	right: 200px;
  	z-index: 100; }
  
#freight {
  	position: absolute;
  	top: 10px;
  	left: 275px;
  	z-index: 100; }

#commercial {
  	position: absolute;
  	top: 15px;
  	left: 425px;
  	z-index: 100; }
	
ul.topMenu {
    position:absolute;
	top:5px;
	right:190px;
	list-style:none; }
	
ul.topMenu li {
	float: left;
	height:12px;
	border-left: 1px solid #d8d8d8;
	padding:4px 7px;
	font-size:11px;
	line-height:11px;
	}		

ul.topMenu li.start {
	border: 0; }

ul.topMenu li a {
	display: block;
	font-weight:normal;
	font-size:11px;
	text-decoration:underline;}	
 
#searchRow{
	width: 960px;
  	padding: 12px 0px; }
	
#axonSearch {
    float: left; }
	
#axonSearch input {
	background: #fff url("img/search.png") repeat-x 0 0;
	border-color: #999 #d8d8d8 #E5E5E5;
 	border-style: solid;
	border-width: 1px;
	color: #999;
	font-size: 12px;
	font-weight:bold;
	height: 16px;
	margin-right: 10px;
	padding: 5px;
	width: 167px; }

#axonSearch input:focus {
	color: #444; }

#contact {
    padding-top: 2px;
    float: right;
	margin-top:5px;
	width:650px;
	position:relative;}

#breadcrumbsTitle {
  	margin:5px 0 0 10px;
	padding-top: 2px;
	float: left;
	font-size: 11px;
	font-weight: bold; }

#breadcrumbs {
	
	margin:0px 0 0 5px;
	padding-top: 5px;
	font-size: 11px;
	color:#777; }
  
#breadcrumbs a {
    font-size: 11px;
	color:#777;
	text-decoration:underline;
	 }
	
ul.extraMenu {
    position:absolute;
	top:0px;
	right:0px;
	list-style:none; }
	
ul.extraMenu li {
	float: left;
	line-height: 18px;
	border-right: 1px solid #d8d8d8;
	padding:0 7px;
	}

ul.extraMenu li.customerService{
	background: url("img/help.png") no-repeat 0 0;
	padding-left: 25px; }

ul.extraMenu li.end {
	border: 0; }

ul.extraMenu li a {
	display: block;
	font-weight:normal;}
	
#shade {
  	background: #FFF url("img/gradient-vertical.png") repeat-x 0 0;
	height:35px;
}



/* ---------->>> PAGE STRUCTURE <<<-----------*/


	
#mainContainer {
	position:relative;
	float: right;
	width: 795px;
	padding-bottom:50px;
}
  
#mainContainer #mainContent {
    width: 586px;
	 }

#rightContent {
	float: right;
    width: 174px;}
	
#leftContent {
	float: left;
  	width: 185px;
	padding-bottom:50px;
	padding-top:1px; }
	
#siteContainer{
   min-height:100%;
   position:relative;}





/* ---------->>> INDEX & STATIC <<<-----------*/

#startBanner  {
	width: 795px;
	height: 260px;
	margin-bottom: 10px;
 }
 
#slideshow { width: 795px; height: 260px;
position:relative;
margin-bottom:10px;
 }

#slideshow img { display: none }
#slideshow img.first { display: block }

#slide1, #slide2, #slide3  { position:absolute;
top:0;
left:0;
width: 795px; height: 260px;}
#slide1 {
background: url("img/slide1.jpg") no-repeat 0 0;
z-index:1000;
display: block;}

#slide2 {
background: url("img/slide2.jpg") no-repeat 0 0;
display: none; }


#slide3 {
background: url("img/slide3.jpg") no-repeat 0 0;
display: none; }

.nav { margin: 0px; position:absolute; top:230px; right:5px; z-index:2000; padding:3px 7px; }
#nav a{ margin-right: 5px; padding: 3px 7px; background: #f0f0f0; text-decoration: none }
#nav a.activeSlide { background: #2eb135; color:#fff; font-weight:bold; }
#nav a:focus { outline: none; }
#output { text-align: left; } 

#adsContainer    {
	position: relative;
	width: 793px;
	border: 1px solid #d8d8d8;
	
	float: left;
	padding:5px 0;
	margin-bottom: 10px; }
	
#infoContainer   {
	position: relative;
	padding: 25px;
	width:559px;
		border: 1px solid #d8d8d8;
float: left;
margin-bottom: 10px; }
	
#bannerContainer   {
	width: 173px;
	float: right;
	padding:0px;
	margin-bottom:10px;
	height:400px;
 }
 
.smallBanner  {
	width: 173px;

	padding:0px;
	margin-bottom:10px;
 }			

.adFirst {
	width: 345px;
	padding: 15px 25px;
	border-right: 1px solid #e7e7e7;
	float: left;
 }

.ad {
	width: 167px;
	padding: 15px 15px;
	text-align: center;
	border-right: 1px solid #e7e7e7;
	float: left;

	 }
	

.noBorder {
border:0; }




.sectionDividerFull {
	width: 783px;
	margin:5px 0 5px 5px;
	height:1px;
	display:inline;
	overflow:hidden;
	background: #e7e7e7;
	float: left;}

.adHeader {
	font-size: 15px;
	color:#333; }
	
.ad img {
	margin-bottom:10px;
	margin-top:10px; }	

.infoText {
	width: 345px;
	padding: 15px 25px;
	margin-top: 5px;
	border-right: 1px solid #e7e7e7;
	float: left; }
	
.noBorder {
border:0; }
	
	

#companyContainer{
	position: relative;
	width: 792px;
	border: 1px solid #d8d8d8;
	float: left;
	padding:5px 0px;
	margin-bottom: 10px; }


.companyContentLeft {
width:525px;
padding:20px 25px 50px 25px;
border-right:1px solid #e7e7e7;
float:left;
}

.companyContentRight {
width:204px;
padding:5px 5px 0 5px;
border-right:0px solid #e7e7e7;
float:left;}

.companyPhoto {
margin-bottom:20px;}


.sectionTeaser {
	width: 164px;
	padding:15px 20px;
	text-align: center;
	float: left;
	border-bottom:1px solid #e7e7e7;
	

	 }
	 
.sectionTeaser img {margin:10px 0;}
	 
.noBorderBottom {
border:0;}
	

	 
.teaserHeader {
	font-size: 16px;
	color:#333; }
	
.grayBox {
	background: #f0f0f0;
	float:left;
	width:493px;
	padding:15px;
	padding-bottom:0px;
	margin-bottom:8px;
	margin-top:7px;
	border: 1px solid #e7e7e7; }
	
.grayBoxImage{
float:left;
width:140px;
height:120px;
text-align:center;}

.grayBoxText{
float:left;
padding-left:15px;
width:190px;
height:120px;
display: block;
}

.leftText {
float:left;
width: 255px;
}

.rightImage {
float:left;
width: 255px;
padding-left: 15px;
}

.leftContact
 {
float:left;
width: 200px;
}

.rightContact{
float:left;
width: 280px;
padding-left: 15px;
}


	
.categoryFaq {
	width:210px;
	float:left;
	padding-left:25px;
	line-height:18px;
	padding-top:10px;}

.questionFaq {
	width:500px;
	float:left;
	line-height:18px;
	padding:10px; }

.titleFaq{
	width:600px;
	float:left;
	padding-left:25px;
	padding-top:20px;}

.answerFaq {
	width:500px;
	float:left;
	line-height:18px;}

ul.linkFaq {
	list-style:none; }

.linkFaq li a {
	color:#2eb135; }
ul.faq{
list-style:none; }

.faq li {
	margin-bottom: 0px;
	padding: 10px; }

.faq li span.question {
	display: block;
	font-weight: bold;}

.highlight {
	background: #f0f0f0;}

.topFaq {
	margin-top: 5px; }

.topFaq a {
	background: #2eb135;
	padding: 3px;
	color: #fff;
	font-weight: bold;
	}

/* ---------->>> RANGE <<<-----------*/
#rangeContainer {
	width:792px;
	border:1px solid #d8d8d8;
	position:relative;
	float:right;
	padding:25px 0;
	margin-bottom:150px;}
	
.rangeSorter{
	float:left;
	padding-left:25px;
	width:600px;
	padding-bottom:15px;} 	
	

.sectionContainerWrapper {

	float:left;

	width:100%;
	overflow:hidden;
}	

.sectionContainer {
	float:left;	
	width:147px;
	padding:10px 25px; 
	border-left:1px solid #e7e7e7;
	padding-bottom:1000px;
	margin-bottom:-1000px;
	overflow:hidden;
	height:100%;
}

.sectionContainerNoBorder {
	border:0;
}


.sectionContainer .header {
	display:block;
	margin-bottom:5px;
	font-size:15px;
	color:#333;
}

.sectionContainer .textContainer {
	padding-bottom:10px;
}

.sectionContainer .textContainer a {
	display:block;
	color:#009933;
}
	

.sectionDivider {
	float:left;
	display:inline;
	width:189px;
	height:1px; /* 0.104em; Safari don't show 0.104em as 1px */
	background-color:#e7e7e7;
	margin:4px 4px 4px 5px;
	overflow:hidden;
}


.sectionDividerFirst {
	width:188px;
}


.navi { margin-top: 20px; background:#fff; position:relative; width:345px; height:25px; position:relative; }
#prev { font-size:11px; font-weight:bold; font-family:arial; color:#009933; position:absolute; left:80px; top:0px;}
#next { font-size:11px; font-family:arial; font-weight:bold; color:#009933; position:absolute; left:160px; top:0px;}

.slidePicture{float:left; width:135px;
background:#fff; height:130px;}

.slideText{float:left; width:180px; height:130px; background:#fff;
line-height:17px;}


/* ---------->>> THEME <<<-----------*/


.themeDivider {
	float:left;
	display:inline;
	width:387px;
	height:1px;
	background-color:#e7e7e7;
	margin:4px 4px 4px 5px;
	overflow:hidden;
}


.themeDividerFirst {
	width:385px;
}




/* ---------->>> RIGHT CONTENT <<<-----------*/

.infobox {
  margin-bottom: 10px;
  width: 185px;
  float: left;}

.infobox .gray {
	text-align: center;
	font-weight: bold;
	letter-spacing: 1px;
    line-height: 15px;
    margin: 0px;
    padding: 7px 5px;
	background: url('img/title_gray.gif') top no-repeat;  }
    


.infobox .noPadding {
    border-left: 1px solid #d8d8d8;
	width:183px;
    border-right: 1px solid #d8d8d8;
	text-align:center; }

.infobox .content {
    padding: 0px 10px 10px;
    border: 1px solid #d8d8d8;
	border-top: 0;
	float:left;
	position:relative;
	width:163px; }
	
	
.infobox .content2 {
    padding: 10px 10px 10px;
    border: 1px solid #d8d8d8;
	border-top: 0;
	float:left;
	position:relative; }

.infobox img {
margin:10px 0;	}

.content2 input{
    margin: 1px 0 0 0;
	padding:0px;
	height:14px; }		

.infobox .content #list {
	width:154px;
	margin-top:5px;
	min-height:165px;
	font-size:9px;}
	
.infobox .content .showMore {
	float:right; }
	
	
.listbox {
  margin-bottom: 10px;
  width: 174px;
  float: right;
  height:220px;}

.listbox .title {
	text-align: center;
	font-weight: bold;
	letter-spacing: 1px;
    line-height: 15px;
    margin: 0px;
    padding: 7px 5px;
	background: url('img/title_gray2.gif') top no-repeat;  }
    

.listbox .noPadding {
    border-left: 1px solid #d8d8d8;
	width:172px;
    border-right: 1px solid #d8d8d8;
	text-align:center; }

.listbox .content {
    padding: 0px 10px 10px;
    border: 1px solid #d8d8d8;
	border-top: 0;
	float:left;
	position:relative;
	width:152px;
	height:181px }
	


.listbox img {
margin:10px 0;	}



.listbox .content #list {
	width:152px;
	margin-top:5px;}
	
.listbox .content .showMore {
	float:right; }	


/* ---------->>> LEFT CONTENT <<<-----------*/

#subNav{
margin-bottom:10px;
 }


#subNav .title {
	color: #fff;
	width:185px;
	text-align: center;
	letter-spacing: 1px;
    line-height: 15px;
    margin: 0px;
    padding: 7px 0px; 
	font-weight:bold;
    background: url('img/title_blue.gif') top no-repeat !important; }
	

#subNav li a, #subNav a {
	display: block;
	height:1%; }

#subNav li a:hover, #subNav a:hover {
    text-decoration: none;
	height:1%; }

#subNav ul.levelTwo {
	background: #f2f2f2;

	border-left: 1px solid #d8d8d8;
	border-right: 1px solid #d8d8d8;
	border-bottom:1px solid #d8d8d8;
	width:183px;
	padding-bottom:5px;
	list-style:none;}

#subNav ul.levelTwo li a {
	padding: 2px 5px 2px 21px;
	text-align: left;
	margin-top:0px;

	
	
}
	
#subNav ul.levelTwo li a:hover {
	background-color: #d8d8d8;}

#subNav ul.levelTwo li.selected a, #subNav ul.levelTwo li.selected a:hover  {
	background-color: #2eb135;
	color:#fff; }
	




/* ---------->>> CATEGORY LEVEL 1 <<<-----------*/

#departmentBanner {
	height:220px;
	margin-bottom:10px;
	width:608px;
	float:left; }

#departmentMenu {
	width:793px;
			border:1px solid #d8d8d8;
	padding: 25px 0px 20px 0px;
	float:left;
	position: relative;
	margin-bottom:10px; }

#departmentMenu .departmentIntro {
	padding: 0px 0px 0px 20px;
	margin-bottom:10px;
	margin-left:5px;
	margin-right:5px;
	width:560px;
}


#departmentMenu .category {
	float: left; 
	width: 197px;
	height:220px;
	text-align: center;
	padding: 10px 0px; 
	border-right: 1px solid #e7e7e7; }

#departmentMenu .last {
	border: 0; }

#departmentMenu .category .categoryText {
	width:167px;
	padding: 0px 15px; }
	
	
#departmentMenu .category .categoryTitle {
	font-size: 15px;
	color:#333;
	margin-bottom:5px;
	font-weight:normal;
	}

#departmentMenu .categoryBottom {
	width: 180px;
	height: 1px;
	display:inline;
	margin: 4px 4px 4px 5px;
	padding-left: 5px;
	padding-right: 4px;
	background-color: #e7e7e7;
	float: left;
	overflow:hidden; }
	
#departmentMenu .categoryBottomFirst {
	width:179px; }

#departmentTextContainer {
	width:793px;
			border:1px solid #d8d8d8;
	position: relative;
	float:left; }
	
.departmentTextLeft	{
float:left;
width:320px;
padding: 0px 25px 25px 25px;}

.departmentTitle{
float:left;
width:620px;
padding:25px 25px 0px 25px;}
	
.textTag {
    position: absolute;
    z-index: 1000;
    top: 0px;
    right: 0px;
	height:81px;
	width:82px;
	background: url('img/text_tag.gif') top no-repeat; }


/* ---------->>> CATEGORY LEVEL 2 <<<-----------*/

#tabContainer #categoryIntro, #tabContainer #purchaseAdvice, #tabContainer #fragment-6{
			border:1px solid #d8d8d8;

	padding: 25px;
	width:559px;
	float:left;
	position:relative;
	background: #f2f2f2 url('img/gradient.gif');
	background-repeat:repeat-x;}
	
#searchForm{
border:1px solid #d8d8d8;
padding: 25px;
padding-right:185px;
width:399px;
float:left;
position:relative;}	


#pagerBarTop{
	float: left;
	width: 609px;
	position: relative;
		border:1px solid #d8d8d8;
	padding-top:9px;
	margin-bottom:0px;
	height:30px;
	 background: #f2f2f2;
}

#pagerBarBottom {
	float: left;
	width: 609px;
	position: relative;
		border:1px solid #d8d8d8;
	padding-top:9px;
	margin-top:10px;
	height:30px;
	 background: #f2f2f2;
}
	

	
	
#itemCount{
    font-weight: bold;
    left: 15px;
    position: absolute;
    top: 10px; }
	
#sortContainer{ 
    right: 15px;
    position: absolute;
    top: 10px; }	
	

ol.pager {    
 margin: 0 0;
	text-align: center;
	padding:3px 0 }
	 
ol.pager {    
	_clear: both;
	_width: 100%; }
	 
ol.pager li{
	display: inline;
	}
	
	
ol.pager li.previous, ol.pager li.next{
	font-weight: bold;}
	
ol.pager li.previous a:hover, ol.pager li.next a:hover {
	background: none;
	text-decoration: underline;}
	

ol.pager li a {
        padding: 3px 7px;
        text-decoration: none;}

ol.pager li a:hover {
background: #d8d8d8;
text-decoration:none;
padding: 3px 7px;}


ol.pager li a.active, ol.pager li a.active:hover  {
        background: #2eb135;
        color: #fff;
		padding: 3px 7px;
        font-weight: bold; }

ol.pager li.disabled {
	color:#d8d8d8; 
	font-weight: bold; 
	padding:3px 7px; 
	text-decoration:none; }
	

#itemContainer{

	float:left;
	width:621px;
	overflow:hidden; }

.item {
  	position: relative;
  	float: left;
  	width:165px;
  	padding: 15px;
	padding-top:5px;
	border:1px solid #d8d8d8;
	margin-right:10px;
	margin-top:10px;
	height:245px;
	overflow:hidden;
	 }
	 
.itemStart {
  	position: relative;
  	float: left;
  	width:165px;
  	padding: 15px;
	padding-top:5px;
	border:1px solid #d8d8d8;
	margin-right:10px;
	margin-bottom:10px;
	height:245px;
	overflow:hidden;
	 }	 
	




.itemTag {
    position: absolute;
    z-index: 100;
   	top: -1px;
    right: -1px; }
	
.brandTag {
    position: absolute;
    z-index: 100;
    top: 5px;
    left: 10px; }
	
.itemPhoto {
	text-align:center;
	height:130px; }

.itemTitle{
	float:left;
	line-height:18px;
	font-weight: bold; }

.itemDescription{
	float:left;
	border-bottom:1px solid #f0f0f0;
	padding-bottom:8px;
	width:165px;
}

.itemText {
font-size:11px;
line-height:16px;
font-family:}
		
.itemNo {
	float:left;
	font-size:10px; }
	
.itemIntro{
	float:left;
	font-size:11px;
	width:160px;
line-height:16px; }
				
.miniQuant {
	float: right;
	font-size:10px; }

.from {
	float:left;
	width:25px;
	font-size:10px;
	padding-top: 16px;
	font-weight:bold;}

.miniPrice {
	padding-top: 11px;
	float:left;
	font-size:16px;
	margin:0px;
	color: #f00;
	font-weight:bold; }
	
.readMore {
      padding-top: 8px;
	  height:22px;
	  float:right; }
	  
.itemBottom {
	width:193px;
	height:1px;
	margin: 4px 4px 4px 5px;
	background-color:#e7e7e7;
	float:left;
	overflow:hidden;
	display:inline; }
	
.itemBottomFirst {
	width:192px; }
	

	
	



/* ---------->>> PRODUCT PAGE <<<-----------*/

#infoContent {
	width: 436px;
	float: right;}
	  
#title {
	width:300px;
	float:left;
	margin-left:15px;
	display:inline;
}

#brand {
	float: right;
	width:91px;

	height:45px;
	margin-right:30px;
	display:inline; 
	text-align:right;}


#itemNumber {
	font-size:10px;
	margin-left: 15px;
	margin-bottom:10px;
	float:left;
	display:inline;
	width:280px;
}
		
.box{
	padding: 10px 15px;
	width: 404px;
	border: solid 1px #d8d8d8;
	float:left;
	margin-bottom:10px;
	position:relative; }
	
.boxIcons{
	padding: 10px 15px;
	width: 404px;
	border: solid 1px #d8d8d8;
	float:left;
	margin-bottom:10px;
	position:relative; }	

.boxNoPadding{
	width:404px;
	float:left;
	height:50px;
	padding: 10px 15px;
	border:1px solid #d8d8d8;
	margin-bottom:10px;
	position:relative;
    background-image: url('img/help_bg.gif');
	background-repeat: no-repeat; }	
	
.helpText{
width:320px;
	}
 
.noTopBorder{
	border-top:0;}
 
.boxTop{
	width: 436px;
	height:29px;
	float:left;
	background-image: url('img/box_top.gif');
	background-repeat: no-repeat; }

.box .factsType, .factsData	{
	margin: 1px 0px;
	float: left;
	line-height: 18px; }

.factsData	{
	width: 230px; }

.factsType{
	width:150px;
	font-weight:bold; }

.box .info {
	width: 360px;
	float: left;
 }

.boxTitle {
  	display: block;
  	float: left;
  	font-weight: bold;
  	background-image: url('img/sprite.png');
  	background-repeat: no-repeat;
 	height: 29px;
	padding-right: 5px;
	width:120px; }
 

.boxTitle span {
    display: block;
    background-image: url('img/sprite.png');
    background-repeat: no-repeat; 
	padding: 8px 0 6px 38px;}

.boxTitle.facts {
	background-position: right -140px; }

.boxTitle.facts span {
	background-position: 0px -140px; }
	
.boxTitle.price {
	background-position: right -140px; }

.boxTitle.price span {
	background-position: 0px -140px; }


#tabContainer #accessory, #tabContainer #productSheet, #tabContainer #printTemplate {
	text-align:left;
	border:1px solid #d8d8d8;
	padding: 15px 15px;
	width:317px;
	float:left;
	position:relative; }

#tabContainer #printingArea {
	text-align:center;
	border:1px solid #d8d8d8;
	padding: 15px 0;
	width:347px;
	float:left;
	position:relative; }



#tabContainer #photo {
	text-align:center;
	border:1px solid #d8d8d8;
	padding-top:15px;
	width:347px;
	float:left;
	position:relative; }


.itemTagLarge{
    position: absolute;
    z-index: 1000;
    top: -1px;
    right: -1px; }

ul.thumbnails {
	float:left;
	background: #f0f0f0;
	width:344px;
	padding: 3px 0 5px 3px;}
 
ul.thumbnails .thumbnail {
	float:left;
	width:76px;
	padding-left:5px;
	height:99px;
	text-align:left;
	display:block;
	overflow:hidden;
	cursor:pointer; }

ul.thumbnails li.lion {
	background-Color:#fff;
	float:left;
	margin-left: 2px;
	margin-top:2px;
	width:81px;
	height:99px;
	border: 1px solid #26B34D;
	display:block;
	overflow:hidden; }
	
ul.thumbnails li.lioff {
	background-Color:#fff;
	float:left;
	margin-left: 2px;
	margin-top:2px;
	width:81px;
	height:99px;
	border: 1px solid #d8d8d8;
	display:block;
	overflow:hidden; }


ul.thumbnails li a{
	float:left;
	width:81px;
	}
	
ul.thumbnails li a:hover{
	text-decoration:none; 

	}	

ul.thumbnails li img{ 
	width:70px; 
	height:70px;
	margin-top:2px; 
	float:left; }

ul.thumbnails li p{
	margin-top:2px; 
	font-size:11px; 
	float:left; 
	line-height:10px; }


ul.accessories {
	width: 317px;
	float:left;
	list-style:none; }
* html  ul.accessories { 
	margin-right: -12px; }

ul.accessories li {
	
	padding-top: 10px;
	border-top: 1px solid #f0f0f0;
	float:left;
	margin-bottom:10px; }
	
ul.accessories li .accessoryPhoto {
	float:left;
	width:100px;
	padding-right:20px;
	 }

ul.accessories li .accessoryTitle {
	font-weight: bold;
	float:right;
	width:185px;
	text-align:left;
	margin-bottom:5px; }
	

ul.accessories li .accessoryDescription {
	  float:right;
	  width:185px;
	  text-align:left;
    }

ul.accessories li .accessoryPrice {
      font-size: 14px;
	  float:right;
	  width:185px;
	  font-weight:bold;
	  text-align:right;
    }

ul.accessories li.noBorder {
border:0 }

.shaded {background:#f0f0f0;}

.priceDetail {FONT-SIZE: 14px; FONT-WEIGHT: bold;}

.surcharge {
font-size: 11px; padding-left:5px; line-height: 16px;}









.zoomer {
position:absolute;
bottom:9px;
right:9px;
width:28px;
height:28px;
z-index:100;
cursor:pointer;

}



#triggers {
	width:347px;
	height:290px;
	float:left;
	cursor:pointer;
	position:relative;
}

#triggers2 {
	width:347px;
	float:left;
	position:relative;
}

 

#zoom_loading{padding-top:180px;}
 




.details  {
position:absolute;
top:20px;
left:25px;
z-index:1000;
text-align:left;}

.colour{
text-align:left;
}

table.head {
margin:0px;
line-height:9px;
padding:0px;
height:16px;
border-collapse: collapse; 
}


table.head td.icon {
padding-right:5px;
vertical-align:middle; 
}

table.head td.text {
padding-right:10px;
vertical-align:middle;

}

ul.condition{
list-style:outside;
margin-left:15px;


}

ul.condition li{
font-size:11px;
margin-bottom:5px;


}

ul.condition li.large{
font-size:12px;
margin-bottom:5px;
line-height:17px;


}

ul.order{
list-style:outside;
margin-left:15px;


}

ul.order li{
margin-top:5px;


}

#printFooter{
display:none;}


/* ---------->>> FOOTER <<<-----------*/

dl {
    color: #333;
    width: 160px;
	float:left;
  }
  
dl dt {
      font-size: 12px;
	  font-weight: bold;
      margin-bottom: 5px;

    }
dl dd { font-size: 12px; margin-bottom: 5px; }
dl dd a { color: #333;
font-size:12px; }
dl dd a:hover { color: #333; }


#footer {

height: 150px;
padding-top:15px;
margin-bottom:20px;
width:990px;
background:#f2f2f2;
margin-top:25px;
float:left;}


#footerText{
  margin: 0 auto;
  width:850px;
  height:150px;
  padding-left:20px;
  position:relative;


}

#footerBanner{
  position:absolute;
top:-40px;
right:20px;
  z-index:1000;


}




#statement {
height: 40px;
padding-top:10px;
min-width:990px;
position: realative;
clear: both;


}

#statementText {
  margin: 0 auto;
text-align:center;
  position:relative;
  font-size:11px;
}



/* ---------->>> PRODUCT LIST <<<-----------*/
	
select.list {

	width:152px;
	margin-top:10px;}

select.sortlist{width:145px;}			

ul.product_list{
position:relative;
list-style:none;
}
ul.product_list li {
	
padding: 2px 0 1px 0;
font-size:11px;
	}
	
ul.product_list li.department {
	font-weight:bold;
	}			
#screenshot{
	position:absolute;
	border:1px solid #d8d8d8;
	display:none;
	width:70px;
	height:70px;
	background:#fff;
	z-index:2000;

	}


/* ---------->>> GLOBAL <<<-----------*/


img {
  	border: none; }


* {
  	margin: 0px;
  	padding: 0px; }

body, th, div, a, div, p, li, h4, h3, select, input, textarea, legend {
  	font-family: Arial, Helvetica, sans-serif;
  	font-size: 12px;
  	text-decoration:none;
	color: #333; }

a:hover{
text-decoration:underline;}

h3 {
font-weight:bold; } 

p{
line-height:17px;
padding-bottom:8px; }
  
  
h1, h2{
	font-size: 20px;
	padding-bottom:15px;
	margin:0;
	font-weight:bold;
	color:#333;}
	

.noPadding{
	margin-top:0px}

.h1NoPadding{
	padding:0}


a.green {
	font-weight:bold;
	color:#2eb135;
	font-size:11px;
	line-height:11px;
	padding:0 0 0 12px;
	background-image: url('img/arrow_green.gif');
  	background-repeat:no-repeat;
	background-position:center left;}

a.small {
    font-size: 11px;
	text-decoration: underline; }

a.small2{
    font-size: 11px; }
	
a.underline {
	text-decoration: underline; }	
	
a.button {
  	display: block;
  	float: left;
  	font-weight: bold;
  	text-decoration: none;
  	background-image: url('img/sprite.png');
  	background-repeat: no-repeat;
	cursor:pointer;
	height: 28px;
    margin-right: 0px;
    padding-right: 13px;
	background-position: right -181px;  }
a.button:hover {
    text-decoration: none;
	background-position: right -181px; }
a.button:hover span {
	text-decoration: none;
	color: #2eb135;
	background-position: 0px -181px; }
a.button span {
    display: block;
    color: #2eb135;
    text-decoration: none;
    background-image: url('img/sprite.png');
    background-repeat: no-repeat;
	font-size: 11px;
	line-height: 12px;
	padding:6px 0 11px 10px;
	 background-position: 0px -181px;}

a.button gray span {
color:#d8d8d8d8d8d8;}

a.dialogClose {
  	display: block;
  	float: left;
	background-image: url('img/sprite.png');
	 background-position: 0px -232px;
  	background-repeat: no-repeat;
	cursor:pointer;
	height: 26px;
	width:28px;}
	
a.formClose {
  	display: block;
  	float: left;
	background-image: url('img/sprite.png');
  	background-position: -29px -232px;
	background-repeat: no-repeat;
	cursor:pointer;
	height: 20px;
	width:20px;}	


.titleBoldSmall {
  font-weight: bold;
  font-size:12px;}
 
.titleBoldMedium {
font-size:16px;
font-weight:normal;
padding-bottom:8px;
color:#333;}

.titleBoldLarge{
	font-size: 20px;
	padding-bottom:15px;
	margin:0;
	font-weight:bold; }

.preamble {
  font-weight: bold;
  font-size:14px;
  line-height:20px; }

.h2Large {
  font-size:14px;
  font-weight:bold; }

.f_left {
  float: left; }

.clear {
  	clear: both; }

#zoom


{text-align:center;


}

.ui-dialog { position: relative; padding: 5px; background:#f2f2f2; }
.ui-dialog .ui-dialog-titlebar { position: relative; display:none;} 

.ui-dialog .ui-dialog-content { border: 1px solid #b1b1b1; padding: 15px 25px 15px 15px; background: none; overflow: auto; zoom: 1; }
.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: 0px; padding: 0px; }
.ui-dialog .ui-dialog-buttonpane button { float: right; margin:0px; cursor: pointer; padding: 0px; width:auto; overflow:visible; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }


.ui-dialog .ui-widget { font-family: Arial,sans-serif; font-size: 14px; margin:0px; padding:0px;}
.ui-dialog .ui-widget-content { background: #fff; color: #333; margin:0px;}
.ui-widget-overlay { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%;
background: #000 ; opacity: .60;filter:Alpha(Opacity=60);}

.dialogClose{position:absolute; top:0px; right:0px;}

.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */


td.border_bottom       { border-bottom: 1px solid #e7e7e7;  }
td.border_top      { border-top: 1px solid #e7e7e7; }
td.border_left      { border-left: 0px solid #e7e7e7; padding-left:5px; }
td.border_right      { border-right: 1px solid #e7e7e7;
 }
 
td.right      { text-align:right; padding-right:10px; }





 

	


	



	
	
/* ---------->>> FORMS <<<-----------*/


	  
 .form_type{
float:				left;
font-size:			12px;
font-weight: normal;
width:60px;
margin-top:3px;
}
.form_data	{
width:				320px;
float:left;
margin-bottom:3px;
}

.form_send	{
width:				105px;
float:right;
margin-bottom:10px;
text-align:right;

}

.form_close	{
position:absolute;
top:10px;
right:10px;
cursor:pointer;


}


textarea:focus,input.text:focus { border: 1px solid #2eb135; }

textarea{ width:300px; background-image:url("img/input.png"); border:1px solid #d8d8d8; padding: 3px; margin-bottom:5px;
resize: none; overflow:auto; height:70px; }

input.text {background-image:url("img/input.png"); border:1px solid #d8d8d8; width:300px; padding:3px;
margin-bottom:7px;}

/* ---------->>> TABS <<<-----------*/

/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
#tabContainer .ui-tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
#tabContainer .ui-tabs-nav {
        display: none;
    }
}

/* Skin */
#tabContainer .ui-tabs-nav, #tabContainer .ui-tabs-panel {
    font-family: Arial, sans-serif;
    font-size: 12px;
}
#tabContainer .ui-tabs-nav {
    list-style: none;
    margin: 0px;
    padding: 0 2px 0 0;
}
#tabContainer .ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
#tabContainer .ui-tabs-nav li {
    float: left;
    margin: 0 2px 0 0px;
    min-width: 20px; /* be nice to Opera */
}
#tabContainer .ui-tabs-nav a, #tabContainer .ui-tabs-nav a span {
    display: block;
    padding: 0 15px;
    background: url(img/sprite.png) no-repeat;
}

#tabContainer .ui-tabs-nav a {
    margin: 1px 0 0; /* position: relative makes opacity fail for disabled tab in IE */
    padding-left: 0;
    color: #9d9d9d;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    white-space: nowrap; /* required in IE 6 */    
    outline: 0; /* prevent dotted border in Firefox */
}



#tabContainer .ui-tabs-nav a:hover {
	color: #555;
}

#tabContainer .ui-tabs-nav .ui-tabs-selected a {
    position: relative;
    top: 1px;
    z-index: 2;
    margin-top: 0;
    color: #555;
}
#tabContainer .ui-tabs-nav a span {
    width: 34px; /* IE 6 treats width as min-width BORT? */
    min-width: 34px; 
    height: 21px; /* IE 6 treats height as min-height */
    min-height: 21px;
    padding-top: 7px;
    padding-right: 0;
}



*>#tabContainer .ui-tabs-nav a span { /* hide from IE 6 */
    width: auto;
    height: auto;
}
#tabContainer .ui-tabs-nav .ui-tabs-selected a span {
    padding-bottom: 1px;
}
#tabContainer .ui-tabs-nav .ui-tabs-selected a, #tabContainer .ui-tabs-nav a:hover, #tabContainer .ui-tabs-nav a:focus, #tabContainer  .ui-tabs-nav a:active {
    background-position: right -258px;
}
#tabContainer .ui-tabs-nav a, #tabContainer .ui-tabs-nav .ui-tabs-disabled a:hover, #tabContainer .ui-tabs-nav .ui-tabs-disabled a:focus, #tabContainer .ui-tabs-nav .ui-tabs-disabled a:active {
    background-position: right -258px;
}
#tabContainer .ui-tabs-nav .ui-tabs-selected a span, #tabContainer .ui-tabs-nav a:hover span, #tabContainer .ui-tabs-nav a:focus span,#tabContainer .ui-tabs-nav a:active span {
    background-position: 0 -258px;
}
#tabContainer .ui-tabs-nav a span, #tabContainer .ui-tabs-nav .ui-tabs-disabled a:hover span, #tabContainer .ui-tabs-nav .ui-tabs-disabled a:focus span, #tabContainer .ui-tabs-nav .ui-tabs-disabled a:active span {
    background-position: 0 -258px;
}
#tabContainer .ui-tabs-nav .ui-tabs-selected a:link, #tabContainer .ui-tabs-nav .ui-tabs-selected a:visited, #tabContainer .ui-tabs-nav .ui-tabs-disabled a:link, #tabContainer .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
#tabContainer .ui-tabs-nav a:hover, #tabContainer .ui-tabs-nav a:focus, #tabContainer .ui-tabs-nav a:active,
#tabContainer .ui-tabs-nav .ui-tabs-deselectable a:hover, #tabContainer .ui-tabs-nav .ui-tabs-deselectable a:focus, #tabContainer  .ui-tabs-nav .ui-tabs-deselectable a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
#tabContainer .ui-tabs-disabled {
    opacity: .4;
    filter: alpha(opacity=40);
}
#tabContainer .ui-tabs-panel {
    border-top: 1px solid #97a5b0;
    padding: 0px;
    background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
}
#tabContainer .ui-tabs-loading em {
    padding: 0 0 0 20px;
    background: url(loading.gif) no-repeat 0 50%;
}

/* Additional IE specific bug fixes... */
* html #tabContainer .ui-tabs-nav { /* auto clear, @ IE 6 & IE 7 Quirks Mode */
    display: inline-block;
}
*:first-child+html #tabContainer .ui-tabs-nav  { /* @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
    display: inline-block;
}

#tabContainer{
	float:left;
	margin-bottom:10px;
	width:349px;
}




#container-2{
	width:436px;
	float:left;
	margin-bottom:10px;
	position:relative;
}



@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
#container-2   .ui-tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
#container-2    .ui-tabs-nav {
        display: none;
    }
}

/* Skin */
#container-2 .ui-tabs-nav, #container2 .ui-tabs-panel {
    font-family: Arial, sans-serif;
    font-size: 14px;
}
#container-2 .ui-tabs-nav {
    list-style: none;
    margin: 0;
    padding: 0 0px 0 0px;
}
#container-2 .ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
#container-2 .ui-tabs-nav li {
    float: left;
    margin: 0 2px 0 0;
    min-width: 214px;
	font-size:14px;
	width:214px; /* be nice to Opera */
}
#container-2 .ui-tabs-nav a, #container-2 .ui-tabs-nav a span {
    display: block;
    padding: 0 10px 0 80px;
    background: url(img/sprite.png) no-repeat;
}
#container-2 .ui-tabs-nav a {
    margin: 1px 0 0; /* position: relative makes opacity fail for disabled tab in IE */
    padding-left: 0;
    color: #333;
    font-weight: bold;
	cursor:pointer;
	position:relative;
    text-decoration: none;
    white-space: nowrap; /* required in IE 6 */    
    outline: 0; /* prevent dotted border in Firefox */
}

#container-2 .ui-tabs-nav a:hover {
	color: #444;
}
#container-2 .ui-tabs-nav .ui-tabs-selected a {
    position: relative;
    top: 1px;
    z-index: 2;
    margin-top: 0;
    color: #444;
}
#container-2 .ui-tabs-nav a span {

    height: 26px; /* IE 6 treats height as min-height */
    min-height: 26px;
padding-top:20px;
    padding-right: 0;
}
*>#container-2 .ui-tabs-nav a span { /* hide from IE 6 */
    width: auto;
    height: auto;
}
#container-2 .ui-tabs-nav .ui-tabs-selected a span {
    padding-bottom: 1px;
}
#container-2 .ui-tabs-nav .ui-tabs-selected a, #container-2  .ui-tabs-nav a:active {
    background-position: right -294px;
}






#container-2 .ui-tabs-nav a, #container-2 .ui-tabs-nav .ui-tabs-disabled a:hover, #container-2 .ui-tabs-nav .ui-tabs-disabled a:focus,#container-2 .ui-tabs-nav .ui-tabs-disabled a:active {
    background-position: right -294px;
}

#container-2 .ui-tabs-nav a .offer {
 	position:absolute;
	top:0px;
	left:0px;
	width:50px;
	height:45px;
	float:left;
	margin-left:20px;
	background:url("img/offer_off.png") no-repeat;
	cursor:pointer;

}

#container-2 .ui-tabs-nav a:hover .offer {
 	position:absolute;
	top:0px;
	left:0px;
	width:50px;
	height:45px;
	float:left;
	margin-left:20px;
	background:url("img/offer_on.png") no-repeat;
	cursor:pointer;

}

#container-2 .ui-tabs-nav .ui-tabs-selected a .offer {
 	position:absolute;
	top:0px;
	left:0px;
	width:50px;
	height:45px;
	float:left;
	margin-left:20px;
	background:url("img/offer_on.png") no-repeat;
	cursor:pointer;

}





#container-2 .ui-tabs-nav a .order {
 		position:absolute;
	top:0px;
	left:0px;
	width:50px;
	height:45px;
	float:left;
	margin-left:20px;
	background:url("img/order_off.png") no-repeat;
	cursor:pointer;

}

#container-2 .ui-tabs-nav a:hover .order {
 		position:absolute;
	top:0px;
	left:0px;
	width:50px;
	height:45px;
	float:left;
	margin-left:20px;
	background:url("img/order_on.png") no-repeat;
	cursor:pointer;

}

#container-2 .ui-tabs-nav .ui-tabs-selected a .order {
 	position:absolute;
	top:0px;
	left:0px;
	width:50px;
	height:45px;
	float:left;
	margin-left:20px;
	background:url("img/order_on.png") no-repeat;
	cursor:pointer;

}




#container-2 .ui-tabs-nav .ui-tabs-selected a span, #container-2 .ui-tabs-nav a:active span {
    background-position: 0 -294px;}
#container-2 .ui-tabs-nav a span, #container-2 .ui-tabs-nav .ui-tabs-disabled a:hover span, #tabContainer .ui-tabs-nav .ui-tabs-disabled a:focus span, #container-2 .ui-tabs-nav .ui-tabs-disabled a:active span {
    background-position: 0 -294px;
}
#container-2 .ui-tabs-nav .ui-tabs-selected a:link, #container-2 .ui-tabs-nav .ui-tabs-selected a:visited, #container-2 .ui-tabs-nav .ui-tabs-disabled a:link, #container-2 .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
#container-2.ui-tabs-nav a:hover, #container-2 .ui-tabs-nav a:focus, #container-2 .ui-tabs-nav a:active,
#container-2 .ui-tabs-nav .ui-tabs-deselectable a:hover, #container-2 .ui-tabs-nav .ui-tabs-deselectable a:focus, #container-2 .ui-tabs-nav .ui-tabs-deselectable a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}

#container-2 .ui-tabs-panel {
    border-top: 1px solid #97a5b0;
    padding: 0px;
    background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
}
#container-2 .ui-tabs-loading em {
    padding: 0 0 0 0px;
    background: url('order_on2.png') no-repeat 0 50%;
}



#container-2 #order, #container-2 #offer {
text-align:left;
height:240px;
position:relative;
border:1px solid #d8d8d8;
padding-bottom: 15px;
padding-top: 25px;
padding-left: 15px;


}

#container-2  #fragment-4 {
text-align:left;
height: 0px;
border-top: 1px solid #d8d8d8;
line-height:0px;
font-size:0px;
}




/* Additional IE specific bug fixes... */
* html .ui-tabs-nav { /* auto clear, @ IE 6 & IE 7 Quirks Mode */
    display: inline-block;
}
*:first-child+html .ui-tabs-nav  { /* @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
    display: inline-block;
}