/* =HTML selectors
------------------------------------------------------- */

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	border: 0;
	padding: 0;
	margin: 0;
	color: #333;
	text-align: center; /*ie5 for PC hack - ie5 'incorrectly' centers the block level element - which is what we want to take advantage of here*/
	background: #e7e7e7;
	}

div { font-family: Verdana, Arial, Helvetica, sans-serif; }
	
p, td, li, ul, ol, h1, h2, h3, h4, h5, h6 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	vertical-align: top;
	}

p {	margin-top: 0; margin-bottom: 1.4em; color: #666; }

/*h2 {
	font: bold 1.5em Arial, Helvetica, sans-serif;
	color: #333;
	margin-bottom: 10px;
	padding-bottom: 0;
	margin-top: 0;
	}
*/

h3 {
	font: bold 1.3em Arial, Helvetica, sans-serif;
	color: #333;
	margin-bottom: 4px;
	padding-bottom: 0;
	margin-top: 30px;
	padding-top: 0;
	}

h4 {
	font: bold 1.1em Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	margin-top: 0;
	}
	
a:link, a:visited {
   color:#390;
   text-decoration:none;
   }
   
a:hover {
   text-decoration:underline;
   color:#063;
   }
   
a:active { color: #063; }
a img { border:0; }
address { font-style: normal; }   
strong { font-weight: bold; }
em { font-style: italic;}
table { padding: 0; border-collapse: collapse; font-size: 1em; }
ul { margin: 0; padding: 0; }

input, select {font: normal 1em Verdana, Arial, Helvetica, sans-serif; margin-bottom: 0; }
select { background-color: #fff; }







/* =Custom classes
------------------------------------------------------- */

.hide { display: none; }
	
.clearer {
   clear:both;
   height:0;
   overflow:hidden;
   margin-top:-1px; 
   }	
.clearfix:after {
	content:"."; 
	display:block; 
	height:0; 
	clear:both; 
	visibility:hidden;
	}
.clearfix {
	display:inline-block;
	}
 /* mac hide \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
 /* End hide */
 
 
.floatleft { float: left; }
.floatright { float: right; }


ul.list1 { list-style: none; margin-left: 20px; margin-bottom: 20px; }
ul.list1 li { background: url(img/interface/bullet1.gif) 0 0.6em no-repeat; padding-left: 13px; padding-right: 8px; color: #666; }

ul.list2 { list-style: none; margin-left: 10px; margin-bottom: 20px; }
ul.list2 li { background: url(img/interface/bullet1.gif) 0 0.6em no-repeat; padding-left: 13px; padding-right: 8px; color: #666; }

ul.list3 { list-style: none; margin-left: 12px; margin-bottom: 20px; }
ul.list3 li { background: url(img/interface/carrot1.gif) 0 0.6em no-repeat; padding-left: 12px; padding-right: 8px; color: #666; }

ul.list4 { list-style: none; margin-left: 0; margin-bottom: 20px; }
ul.list4 li { background: url(img/interface/bullet1.gif) 0 0.6em no-repeat; padding-left: 13px; padding-right: 8px; margin-bottom: 12px; color: #666; }

ul.list5 { list-style: none; margin-left: 0; padding-left: 0; padding-bottom: 0; margin-bottom: 0; }
ul.list5 li { background: url(img/interface/carrot1.gif) 0 0.6em no-repeat; padding-left: 12px; color: #666; padding-bottom: 9px; }

.minortext { font: normal 1em Arial, Helvetica, sans-serif; } 
.upper { text-transform: uppercase; margin-bottom: 0; }

.freedelivery1 { color: red; border-top: 1px solid red; border-bottom: 1px solid red; }











/* =Overall layout
------------------------------------------------------- */

#outercontainer {
	width: 792px;
	margin: 0 auto;
	text-align: center;
	background: #e7e7e7 url(img/interface/tile-canvasedge760.jpg) 50% 0 repeat-y;
	}
	
	
	
	
	
/* =Masthead
------------------------------------------------------- */

#mastheadcontainer {
	width: 760px;
	margin: 0 auto;
	text-align: center;
	background: #e7e7e7 url(img/interface/tile-canvasedge760.jpg) 50% 0 repeat-y;
	}

#masthead {
	margin: 0 auto;
	width: 100%;
	height: 80px;
	text-align: center;
	padding: 0;
	background-color: #686868;
	}




/* =Logo clickable
------------------------------------------------------- */

h1#logoclick {
	display: none; /* PRINT */
	}

p#strapline {
	display: none; /* PRINT */
	}




/* =Navbar top
------------------------------------------------------- */

ul.navlist {
	display: none; /* PRINT */
	}

#belowmast {
	display: none; /* PRINT */
	}


	

/* =Products side links
------------------------------------------------------- */

#sidecol {
	display: none; /* PRINT */
	}


	
/* =Content
------------------------------------------------------- */

#contentcontainer {
	margin: 0 auto;
	width: 760px;
	font-size: 1em;
	text-align: center;
	font: 1.1em/1.4em Verdana, Arial, Helvetica, sans-serif;
	color: #666;
	}

#contentinner {
	width: 712px;
	margin: 0 auto;
	text-align: left;
	}


#sidecol {
	width: 132px;
	float: left;
	}



/* - - - - - - - - - - - - - - 
LAYOUT A (about us etc) 
- - - - - - - - - - - - - - */

body#layouta #contentinner {
	width: 692px;
	}


body#layouta #headerandsubarea {
	width: 100%;
	margin-bottom: 30px;
	text-align: left;
	}


body.contactus #textside { float: right; width: 300px; padding-left: 25px; border-left: 1px solid #ccc; } /* PRINT */
* html body.contactus #textside { width: 300px; w\idth: 300px; } /* Modified SImplified Box Model Hack (IE5.x/Win) */  /* PRINT */

body.contactus #imageside { float: left; width: 395px; margin-left: 0; margin-top: 20px; }

body.requestaquote #textside { float: left; width: 333px; margin-top: 15px; padding: 0px; }
body.requestaquote #imageside { float: left; width: 160px; margin-top: 15px; height: 150px; background: url(img/requestaquote/clipboard.jpg) top left no-repeat; margin-left: 0; margin-right: 30px; }


body.aboutus #textside { float: left; width: 440px; }
body.aboutus #imageside { float: right; width: 240px; }
body.aboutus #logocol { float: left; width: 115px; text-align: center; }
body.aboutus #maintext { float: right; margin-right: 15px; display: inline; width: 300px; }







/* - - - - - - - - - - - - - - 
LAYOUT B (product index, 2 column) 
- - - - - - - - - - - - - - */

body#layoutb #mainarea {
	width: 692px; /* PRINT */
	float: right;
	}


body#layoutb #headerandsubarea {
	width: 100%;
	margin-bottom: 30px;
	text-align: left;
	}

body#layoutb #textside {
	width: 417px; /* PRINT */
	float: left;
	color: #666;
	}

body#layoutb #imageside {
	width: 255px;
	float: right;
	}



/* - - - - - - - - - - - - - - 
LAYOUT C (product detail, 2 column) 
- - - - - - - - - - - - - - */

body#layoutc #mainarea {
	width: 692px; /* PRINT */
	float: right;
	}


body#layoutc #headerandsubarea {
	width: 100%;
	margin-bottom: 30px;
	text-align: left;
	margin-top: 3px; /*added*/
	}

body#layoutc #textside {
	width: 417px; /* PRINT */
	float: left;
	color: #666;
	}

body#layoutc #imageside {
	width: 210px;
	float: right;
	}





/* - - - - - - - - - - - - - - 
LAYOUT D (product index with full heading) 
- - - - - - - - - - - - - - */

body#layoutd #mainarea {
	width: 692px; /* PRINT */
	float: right;
	}


body#layoutd #headerandsubarea {
	width: 100%;
	margin-bottom: 30px;
	text-align: left;
	}

body#layoutd #textside {
	width: 692px; /* PRINT */
	float: left;
	color: #666;
	}




/* - - - - - - - - - - - - - - 
LAYOUT E (sizes, etc) 
- - - - - - - - - - - - - - */

body#layoute #mainarea {
	width: 692px;
	float: right;
	}


body#layoute #headerandsubarea {
	width: 100%;
	margin-bottom: 30px;
	text-align: left;
	margin-top: 3px; /*added*/
	}

body#layoute #textside {
	width: 692px; /* PRINT */
	float: left;
	color: #666;
	}


/* - - - - - - - - - - - - - - 
LAYOUT F (smart case, padded bags, heavy cases) 
- - - - - - - - - - - - - - */

body#layoutf #mainarea {
	width: 692px; /* PRINT */
	float: right;
	}


body#layoutf #headerandsubarea {
	width: 100%;
	margin-bottom: 30px;
	text-align: left;
	}

body#layoutf #textside {
	width: 417px; /* PRINT */
	float: left;
	color: #666;
	}

body#layoutf #imageside {
	width: 255px;
	float: right;
	}



/* - - - - - - - - - - - - - - 
LAYOUT G (Spectratrunk) 
- - - - - - - - - - - - - - */

body#layoutg #mainarea {
	width: 692px; /* PRINT */
	float: right;
	}


body#layoutg #headerandsubarea {
	width: 100%;
	margin-bottom: 30px;
	text-align: left;
	}

body#layoutg #textside {
	width: 417px; /* PRINT */
	float: left;
	color: #666;
	}

body#layoutg #imageside {
	width: 210px;
	float: right;
	}



/* - - - - - - - - - - - - - - 
LAYOUT H (product features page) 
- - - - - - - - - - - - - - */

body#layouth #mainarea {
	width: 692px; /* PRINT */
	float: right;
	}


body#layouth #headerandsubarea {
	width: 100%;
	margin-bottom: 30px;
	text-align: left;
	margin-top: 3px; /*added*/
	}

body#layouth #textside {
	width: 417px; /* PRINT */
	float: left;
	color: #666;
	}

body#layouth #imageside {
	width: 255px;
	float: right;
	}


/* - - - - - - - - - - - - - - 
LAYOUT J (Plastic subpages - angletop but no sublinks) 
- - - - - - - - - - - - - - */

body#layoutj #mainarea {
	width: 692px; /* PRINT */
	float: right;
	}


body#layoutj #headerandsubarea {
	width: 100%;
	margin-bottom: 20px;
	text-align: left;
	margin-top: 3px; /*added*/
	}

body#layoutj #textside {
	width: 417px; /* PRINT */
	float: left;
	color: #666;
	}

body#layoutj #imageside {
	width: 255px;
	float: right;
	}
	
	
	
	




/* =h2 and h3 LAYOUT A
------------------------------------------------------- */

body#layouta h2 {
	font: bold 2.4em Arial, Helvetica, sans-serif;
	color: #333;
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 0;
	padding-bottom: 0;
	background: transparent url(img/interface/2p.gif) 0px bottom repeat-x;
	position: relative; /* added */
	}



/* =h2 and h3 LAYOUT B
------------------------------------------------------- */

body#layoutb h2 {
	font: bold 2.4em Arial, Helvetica, sans-serif;
	color: #333;
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 0;
	padding-bottom: 0;
	position: relative; /* added */
	background: transparent url(img/interface/2p.gif) 0px bottom repeat-x;
	}

body#layoutb p.floatleft1 { float: left; margin-right: 10px; }
body#layoutb p.floatleft2 { float: right; }




/* =h2 and h3 LAYOUT C
------------------------------------------------------- */

body#layoutc #headerandsubarea #h2container {
	line-height: 1.2em;
	display:block;
	margin: 0;
	width: 125px;
	}

body#layoutc h2 { 
	margin: 0;
	padding: 1px 18px 1px 5px;
	background: #bcbcbc url(img/interface/h2casetype.gif) bottom right no-repeat;;
	color: #fff;
	font: bold 1.0em/1.4em Verdana, Arial, Helvetica, sans-serif;
	display: inline; /*for FF*/
	display: inline-block; /*for Opera and IE */
	}

body#layoutc h2 a, 
body#layoutc h2 a:link, 
body#layoutc h2 a:visited { text-decoration: none; color: #fff; }
body#layoutc h2 a:hover, 
body#layoutc h2 a:active { text-decoration: none; color: #efefef; }

body#layoutc h3 {
	font: bold 2.2em/1.2em Arial, Helvetica, sans-serif; /* lineheight changed from 1.5 to 1.2 */
	color: #333;
	margin-top: 0;
	margin-bottom: 10px;
	padding-top: 0;
	}
	


/* =h2 and h3 LAYOUT D and F
------------------------------------------------------- */

body#layoutd h2, 
body#layoutf h2 {
	font: bold 2.4em Arial, Helvetica, sans-serif;
	color: #333;
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 0;
	background: transparent url(img/interface/2p.gif) 0px bottom repeat-x;
	}
	
	
	
/* =h2 and h3 LAYOUT E
------------------------------------------------------- */

body#layoute #headerandsubarea #h2container {
	line-height: 1.2em;
	display:block;
	width: 100%;
	margin: 0;
	width: 125px;
	}	

body#layoute h2 { 
	margin: 0;
	padding: 1px 18px 1px 5px;
	background: #bcbcbc url(img/interface/h2casetype.gif) bottom right no-repeat;
	color: #fff;
	font: bold 1.0em/1.4em Verdana, Arial, Helvetica, sans-serif;
	display: inline; /*for FF*/
	display: inline-block; /*for Opera and IE */
	}

body#layoute h2 a, 
body#layoute h2 a:link, 
body#layoute h2 a:visited { text-decoration: none; color: #fff; }
body#layoute h2 a:hover, 
body#layoute h2 a:active { text-decoration: none; color: #efefef; }

body#layoute h3 {
	font: bold 2.2em/1.5em Arial, Helvetica, sans-serif;
	color: #333;
	margin-top: 0;
	margin-bottom: 20px;
	padding-top: 0;
	}
	

/* =h2 and h3 LAYOUT G
------------------------------------------------------- */

body#layoutg h2 {
	font: bold 2.4em Arial, Helvetica, sans-serif;
	color: #333;
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 0;
	padding-bottom: 0;
	position: relative; /* added */
	background: transparent url(img/interface/2p.gif) 0px bottom repeat-x;
	}
	





/* =h2 and h3 LAYOUT H
------------------------------------------------------- */

body#layouth #headerandsubarea #h2container {
	line-height: 1.2em;
	display:block;
	margin: 0;
	width: 125px;
	}	

body#layouth h2 { 
	margin: 0;
	padding: 1px 18px 1px 5px;
	background: #bcbcbc url(img/interface/h2casetype.gif) bottom right no-repeat;
	color: #fff;
	font: bold 1.0em/1.4em Verdana, Arial, Helvetica, sans-serif;
	display: inline; /*for FF*/
	display: inline-block; /*for Opera and IE */
	}

body#layouth h2 a, 
body#layouth h2 a:link, 
body#layouth h2 a:visited { text-decoration: none; color: #fff; }
body#layouth h2 a:hover, 
body#layouth h2 a:active { text-decoration: none; color: #efefef; }

body#layouth h3 {
	font: bold 2.2em/1.5em Arial, Helvetica, sans-serif;
	color: #333;
	margin-top: 0;
	margin-bottom: 20px;
	padding-top: 0;
	}
	
	
/* =h2 and h3 LAYOUT J
------------------------------------------------------- */

body#layoutj #headerandsubarea #h2container {
	line-height: 1.2em;
	display:block;
	margin: 0;
	width: 125px;
	}	

body#layoutj h2 { 
	margin: 0;
	padding: 1px 18px 1px 5px;
	background: #bcbcbc url(img/interface/h2casetype.gif) bottom right no-repeat;
	color: #fff;
	font: bold 1.0em/1.4em Verdana, Arial, Helvetica, sans-serif;
	display: inline; /*for FF*/
	display: inline-block; /*for Opera and IE */
	}

body#layoutj h2 a, 
body#layoutj h2 a:link, 
body#layoutj h2 a:visited { text-decoration: none; color: #fff; }
body#layoutj h2 a:hover, 
body#layoutj h2 a:active { text-decoration: none; color: #efefef; }

body#layoutj h3 {
	font: bold 2.2em/1.5em Arial, Helvetica, sans-serif;
	color: #333;
	margin-top: 0;
	padding-top: 6px;
	margin-bottom: 5px;
	padding-bottom: 0;
	background: transparent url(img/interface/2p.gif) 0px top repeat-x;
	}














/* =Side panels
------------------------------------------------------- */

.sidepanel1 { 
	width: 100%;
	background: #e2e8dc url(img/interface/army2.jpg) top left no-repeat;
	border: 1px solid #828282;
	}

.sidepanel1 h4 { 
	background-color: #828282;
	padding: 2px 6px;
	color: #fff;
	font: bold 1.1em Verdana, Arial, Helvetica, sans-serif;
	margin-bottom: 5px;
	text-align: center;
	}
.sidepanel1 p { padding: 5px 10px; margin-bottom: 6px; color: #333; }
.sidepanel1 ul { padding-bottom: 20px; margin-bottom: 0; margin-top: 0; color: #333; }
.sidepanel1 ul li { color: #333; }




.sidepanel2 { 
	width: 257px;
	background: #e2e8dc url(img/interface/army2.jpg) bottom left no-repeat;
	}

.sidepanel2 h4 { 
	width: 257px;
	height: 20px;
	color: #fff;
	text-align: left;
	position: relative;
	margin: 0;
	font: 0.4em/0.6em Arial, Helvetica, sans-serif;
	color: #efefef;
	}
	
.sidepanel2 h4 span {
	background: #fff url(img/explorer-cases/military-head.gif) no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
	}
	
.sidepanel2 p { padding: 5px 10px; margin-bottom: 6px; color: #333; }
.sidepanel2 ul { padding-bottom: 20px; margin-bottom: 0; margin-top: 0; color: #333; }
.sidepanel2 ul li { color: #333; }
.sidepanel2 p.panelimage { padding: 0; }




h4.panel3header { 
	width: 219px;
	background-color: #828282;
	padding: 2px 6px 2px 15px;
	color: #fff;
	font: bold 1.1em Verdana, Arial, Helvetica, sans-serif;
	margin-bottom: 0;
	text-align: left;
	}
	
* html h4.panel3header { width: 240px; w\idth: 219px; }

.sidepanel3 { 
	width: 238px;
	background: #eceee9 url(img/about/tile-panelbg1.jpg) top left repeat-x;
	border: 1px solid #e4e4e3;
	margin-bottom: 13px;
	}

* html .sidepanel3 { width: 240px; w\idth: 238px; } /* Modified SImplified Box Model Hack (IE5.x/Win) */


.sidepanel3 p { padding: 5px 10px; margin-bottom: 6px; color: #333; }
.sidepanel3 ul { padding-bottom: 20px; margin-bottom: 0; margin-top: 10px; color: #333; }
.sidepanel3 ul li { color: #333; }

.sidepanel3 ul.list1 { margin-left: 15px; }





.sidepanel4 { 
	width: 100%;
	background: #e2e8dc url(img/interface/army2.jpg) top left no-repeat;
	border: 1px solid #828282;
	}

.sidepanel4 h4 { 
	background-color: #828282;
	padding: 2px 6px;
	color: #fff;
	font: bold 1.1em Verdana, Arial, Helvetica, sans-serif;
	margin-bottom: 5px;
	text-align: center;
	}
.sidepanel4 p { padding: 5px 10px; margin-bottom: 6px; color: #333; }
.sidepanel4 ul { padding-bottom: 20px; margin-bottom: 0; margin-top: 0; color: #333; }
.sidepanel4 ul li { color: #333; margin-bottom: 15px; }





/* =Nav - sub-product links
------------------------------------------------------- */

ul.navc { 
	margin: 0;
	margin-top: 0;
	padding: 4px 0 3px 0;
	text-align: left;
	width: 100%;
	}
ul.navc { z-index:2; float: left; }

body#layoutc ul.navc { background: transparent url(img/interface/1p.gif) 0px top repeat-x; }
body#layoute ul.navc { background: transparent url(img/interface/1p.gif) 0px top repeat-x; }
body#layouth ul.navc { background: transparent url(img/interface/1p.gif) 0px top repeat-x; }
body#layoutb ul.navc { padding-top: 2px; }

ul.navc li {
	display: inline;
	list-style-type: none;
	padding-left: 8px;
	padding-right: 6px;
	padding-top: 3px;
	padding-bottom: 3px;
	border-right: 1px solid #ccc;
	font: normal 1em/1.3em Verdana, Arial, Helvetica, sans-serif;
	float: left; }
	
ul.navc li a { padding-left: 0; padding-right: 0; font-weight: normal; color: #339900; display: block; text-decoration: none; }
ul.navc li a:hover { color:#063; text-decoration: underline; }
ul.navc li.nopipe { border-right: 0; padding-right: 0; padding-left: 8px; }
ul.navc li.firstsub { padding-left: 4px; }





/* =Nav - range roll menu
------------------------------------------------------- */

ul.navc ul {
	font-size: 1em;
	z-index:3;
	float: left;
	width: 118px;
	list-style: none;
	padding: 0;
	margin: 0;
	text-align:left;
	}

ul.navc a.s {
	background-image:none;
	padding-right:0;
	}

ul.navc li ul a {
	width:118px;
	width:108px !important;
	text-align:left;
	height:auto;
	line-height:1.1em !important;
	padding-left:0;
	display: block;
	text-decoration: none;
	padding: 0;
	margin:0;
	text-align:left;
	}

ul.navc li ul li a {
	width:118px;
	padding:3px 0;
	}

ul.navc li.f {
	border-left:none;
	}
	
ul.navc li ul {
	line-height: 1.2em;
	position: absolute;
	left: -999em;
	height: auto;
	width:118px;
	margin:0;
	padding:0;
	}

ul.navc li li {
	padding: 0 5px;
	margin: 0;
	border:none;
	width:108px;
	z-index:1;
	}

ul.navc li ul a {
	background-image:none;
	width:150px;
	line-height: 1.2em;
	}

ul.navc li:hover ul ul,
ul.navc li:hover ul ul ul,
ul.navc li.sfhover ul ul,
ul.navc li.sfhover ul ul ul {
	left: -999em;
	}

ul.navc li:hover ul,
ul.navc li li:hover ul,
ul.navc li li li:hover ul,
ul.navc li.sfhover ul,
ul.navc li li.sfhover ul,
ul.navc li li li.sfhover ul {
	left: auto;
	width:118px;
	}

/* can prob delete this one below */
ul.navc li:hover ul.lastRight,
ul.navc li li:hover ul.lastRight,
ul.navc li li li:hover ul.lastRight,
ul.navc li.sfhover ul.lastRight,
ul.navc li li.sfhover ul.lastRight,
ul.navc li li li.sfhover ul.lastRight {
	left: auto;
	margin-left:-30px;
	width:118px;
	}

ul.navc li ul li:hover,
ul.navc li ul li.sfhover { width:118px; }


ul.navc, ul.navc,
ul.navc, ul.navc ul { background:none; }

ul.navc li ul{
	border-top:1px solid #999;
	border-left:1px solid #999;
	border-right:2px solid #666;
	border-bottom:2px solid #666;
	background:#efefef;
	width:118px;
	}

ul.navc li li{
	background:none;
	}
	
ul.navc li ul a {
	color:#339900;
	width:108px;
	}
ul.navc li ul a:hover {
	color: #000;
	text-decoration:none;
	width:108px;
	}

ul.navc li ul li:hover,
ul.navc li ul li.sfhover {
	color:#04175e;
	width:108px;
	background-color: #ccc;
	}
	
/* not sure about the below */

ul.navc li.selected a {
	color:#fff;
	width:108px;
	}

ul.navc li:hover,
ul.navc li.sfhover { 
position: static; /* added as a fix to the sticky IE7 problem */
}








/* =Product detail page content
------------------------------------------------------- */

body#layoutc h4, body#layoutg h4 { 
	/*background: #b9b9b9 url(img/interface/tile-h4a.jpg) top center repeat-x;*/
	background-color: #b9b9b9;
	color: #fff;
	font: bold 1.1em/1.4em Verdana, Arial, Helvetica, sans-serif;
	padding-left: 5px;
	margin-top: 35px;
	margin-bottom: 10px;
	padding-top: 0;
	}


body#layoutc h4 span, body#layoutg h4 span {
	background: transparent url(img/interface/arrowdown1.gif) center left no-repeat;
	padding-left: 10px;
	}

body#layoutc p.imagefloatright { margin-bottom: 0; float: right; }

.introword { text-transform: uppercase; }

ul.chips { list-style: none; margin: 0; padding: 0; }
ul.chips li { padding-left: 37px; margin-left:0; }
ul.chips li.expblack { background: url(img/explorer-cases/chip-black.gif) center left no-repeat; }
ul.chips li.exporange { background: url(img/explorer-cases/chip-orange.gif) center left no-repeat; }
ul.chips li.expmilitarygreen { background: url(img/explorer-cases/chip-militarygreen.gif) center left no-repeat; }
ul.chips li.stormblack { background: url(img/storm-cases/chip-black.gif) center left no-repeat; }
ul.chips li.stormyellow { background: url(img/storm-cases/chip-yellow.gif) center left no-repeat; }
ul.chips li.stormorange { background: url(img/storm-cases/chip-orange.gif) center left no-repeat; }
ul.chips li.stormolivedrab { background: url(img/storm-cases/chip-olivedrab.gif) center left no-repeat; }
ul.chips li.peliblack { background: url(img/peli-cases/chip-black.gif) center left no-repeat; }
ul.chips li.pelisilver { background: url(img/peli-cases/chip-silver.gif) center left no-repeat; }
ul.chips li.peliorange { background: url(img/peli-cases/chip-orange.gif) center left no-repeat; }
ul.chips li.peliyellow { background: url(img/peli-cases/chip-yellow.gif) center left no-repeat; }
ul.chips li.peligreen { background: url(img/peli-cases/chip-green.gif) center left no-repeat; }
ul.chips li.pelideserttan { background: url(img/peli-cases/chip-deserttan.gif) center left no-repeat; }








/* =Price and buying column
------------------------------------------------------- */

/* -------- Special offer box -------- */

.boxoffer { margin-bottom: 0; margin-top: 20px; }


#boxoffer1 { background: #f0dfdf url(img/interface/box-offerbg.jpg) bottom left no-repeat; }
#boxofferqty { background: #f0dfdf url(img/interface/box-offerbgqty.jpg) bottom left no-repeat; }
#boxoffer10 { background: #f0dfdf url(img/interface/box-offerbg10.jpg) bottom left no-repeat; }
#boxoffer12 { background: #f0dfdf url(img/interface/box-offerbg12.jpg) bottom left no-repeat; }
#boxoffer15 { background: #f0dfdf url(img/interface/box-offerbg15.jpg) bottom left no-repeat; }
#boxoffer17 { background: #f0dfdf url(img/interface/box-offerbg17.jpg) bottom left no-repeat; }
#boxoffer18 { background: #f0dfdf url(img/interface/box-offerbg18.jpg) bottom left no-repeat; }
#boxoffer20 { background: #f0dfdf url(img/interface/box-offerbg20.jpg) bottom left no-repeat; }
#boxoffer25 { background: #f0dfdf url(img/interface/box-offerbg25.jpg) bottom left no-repeat; }

body#layoutc .boxoffer h4, 
body#layoutg .boxoffer h4 { 
	background: #ff8787 url(img/interface/h4price-stepr.gif) top right no-repeat;
	color: #fff;
	font: bold 1.1em/1.8em Verdana, Arial, Helvetica, sans-serif;
	margin-bottom: 6px;
	margin-top: 0;
	}

body#layoutc .boxoffer p, 
body#layoutg .boxoffer p {
	padding: 0 25px 15px 8px;
	line-height: 1.4em;
	margin-bottom: 0;
	}




p.freedelivery { margin: 0; padding: 0; }
p.orderacc { margin-top: 6px; padding-top: 0; }


/* -------- Price table -------- */

table.caseprice {
	width: 210px;
	margin-bottom: 10px;
	font-size: 1em;
	}

table.caseprice caption { 
	font: bold 1.1em/1.6em Verdana, Arial, Helvetica, sans-serif; 
	color: #fff;
	background: #666 url(img/interface/tile-h4b.jpg) top center repeat-x;
	text-align: left;
	padding: 0;
	padding-left: 5px;
	}
	
table.caseprice td, 
table.caseprice th { padding: 6px 0; }
table.caseprice th, 
table.caseprice td { border-bottom: 1px solid #ccc; text-align: left; vertical-align: middle; }
table.caseprice td.cpf { font-weight: bold; text-align: right; width: 80px; font-size: 1.3em; }
table.caseprice tr.nopipe td { border-bottom: none; }





/* -------- Buy Online box -------- */

#boxbuyonline { background-color: #eaeee4; }

/* >>>>>>>>> When you need to temporarily remove 
>>>>>>>>>>>> the online buying functionality
>>>>>>>>>>>> just add d i s p l a y : n o n e ; 
>>>>>>>>>>>> minus the spaces to the above 
>>>>>>>>>>>> style, before the end bracket
*/

body#layoutc #boxbuyonline h4, 
body#layoutg #boxbuyonline h4 { 
	background: #9baa84;
	color: #fff;
	font: bold 1.1em/1.8em Verdana, Arial, Helvetica, sans-serif;
	margin-top: 17px;
	margin-bottom: 5px;
	padding-top: 0;
	}

#boxbuyonline form { padding: 2px 10px; margin-top: 0; margin-bottom: 0; }
#boxbuyonline form p { margin-bottom: 10px; margin-top: 0; }


.ssw { padding: 0; }
/* >>>>>>>> When you need to temporarily remove 
>>>>>>>>>>> the online buying functionality
>>>>>>>>>>> just add d i s p l a y : n o n e ; 
>>>>>>>>>>> minus the spaces to the above 
>>>>>>>>>>> style, before the end bracket
*/


/* =About us page
------------------------------------------------------- */

p.aboutintro { font: 1.1em/1.5em Verdana, Arial, Helvetica, sans-serif; color: #333; }



/* =Case studies
------------------------------------------------------- */

body.cs1 #textside { float: left; width: 260px; }
body.cs1 #imageside { float: right; width: 415px; }

body.cs2 #textside { float: left; width: 400px; }
body.cs2 #imageside { float: right; width: 260px; margin-right: 20px; display: inline; }

body.cs3 #textside { float: left; width: 260px; }
body.cs3 #imageside { float: right; width: 415px; }

body.cs4 #imageside { float: left; width: 290px; margin-left: 18px; display: inline; }
body.cs4 #textside { float: right; width: 293px; margin-right: 30px; display: inline; }

body#layouta h2.sh { 
	font: bold 1.3em Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	margin-top: 0;
	margin-bottom: 10px;
	padding-top: 0;
	padding-bottom: 0;
	background: none;
	}

#cslogoarea { width: 160px; float: left; }
#cslogoarea p { margin: 0; padding: 0; }
#cslogoarea #logo1 { margin-bottom: 35px; }
#cslogoarea #logo2 { margin-bottom: 33px; }

p#cspicexpl { width: 240px; margin-left: 15px; float: left; }
p#cspicstor { width: 217px; margin-right: 34px; float: left; }





/* =Explorer Features page
------------------------------------------------------- */

body.explorerfeatures h4 { color: #333; margin-top: 45px; }
body.explorerfeatures #efimageside { float: right; width: 96px; }
body.explorerfeatures #eftextside { float: left; width: 412px; }



/* =Smart Case page
------------------------------------------------------- */

div.featurelist1 { width: 400px; padding-top: 20px; }
div.featurelist1 p { 
	background: transparent url(img/interface/3p.gif) bottom left repeat-x;
	margin-bottom: 20px;
	padding-bottom: 20px;
	}
div.featurelist1 p img { display: block; float: left; width: 118px; margin-right: 10px; }
h3.h3b { font: bold 1.1em/1.4em Verdana, Arial, Helvetica, sans-serif; }



/* =Padded Bags page
------------------------------------------------------- */

div.featurelist2 { width: 450px; padding-top: 30px; }
div.featurelist2 .chunk { 
	background: transparent url(img/interface/3p.gif) bottom left repeat-x;
	margin-bottom: 20px;
	padding-bottom: 20px;
	}
div.featurelist2 p { margin-bottom: 0; padding-bottom: 0; }
div.featurelist2 p.fi1 { float: right; width: 252px; text-align: left; margin-left: 10px; }
h3.h3b { font: bold 1.1em/1.4em Verdana, Arial, Helvetica, sans-serif; margin-top: 0; padding-top: 0; }



/* =Heavy Cases page
------------------------------------------------------- */

div.featurelist3 { width: 450px; padding-top: 30px; }
div.featurelist3 .chunk { 
	background: transparent url(img/interface/3p.gif) bottom left repeat-x;
	margin-bottom: 20px;
	padding-bottom: 20px;
	}
div.featurelist3 p { margin-bottom: 0; padding-bottom: 0; }
div.featurelist3 p.fi1 { float: left; width: 120px; text-align: left; margin-right: 10px; }
h3.h3b { font: bold 1.1em/1.4em Verdana, Arial, Helvetica, sans-serif; margin-top: 0; padding-top: 0; }

p.blocka { text-align: center; font: bold 12px/14px Verdana, Arial, Helvetica, sans-serif; }
p.blocka a { padding-right: 22px; background: url(img/interface/carrot3.gif) center right no-repeat; font: bold 1.2em/1.4em Verdana, Arial, Helvetica, sans-serif; }
body.heavy table.spectable1 { margin-bottom: 50px; }




/* =Samcase
------------------------------------------------------- */

body#popupa { background-color: #fff; text-align: center; }
body#popupa p { text-align: center; margin-top: 10px; }
body#popupa p form { margin-top: 5px; }

p.samcaseimages { margin-top: 28px; margin-bottom: 28px; }




/* =Peli range index page
------------------------------------------------------- */

ul.thumblist1 { margin: 0; padding: 0; list-style: none; text-align: center; font-size: 1em; }
ul.thumblist1 li { list-style-type: none; padding: 0; margin: 0; }

#pelithsma, #pelithmed, #pelithlar, #pelithlap { float: left; }

#pelithsma a:link, #pelithsma a:visited { width:83px; padding-top:225px; display:block;text-align:center;text-decoration:none; }
#pelithmed a:link, #pelithmed a:visited { width:131px; padding-top:225px; display:block;text-align:center;text-decoration:none; }
#pelithlar a:link, #pelithlar a:visited { width:154px; padding-top:225px; display:block;text-align:center;text-decoration:none; }
#pelithlap a:link, #pelithlap a:visited { width:159px; padding-top:225px; display:block;text-align:center;text-decoration:none; }

#pelithsma a:link, #pelithsma a:visited { background: url(img/peli-cases/pelith-small.jpg) no-repeat top center; }
#pelithmed a:link, #pelithmed a:visited { background: url(img/peli-cases/pelith-medium.jpg) no-repeat top center; }
#pelithlar a:link, #pelithlar a:visited { background: url(img/peli-cases/pelith-large.jpg) no-repeat top center; }
#pelithlap a:link, #pelithlap a:visited { background: url(img/peli-cases/pelith-laptop.jpg) no-repeat top center; }

#pelithsma a:hover, #pelithmed a:hover, #pelithlar a:hover, #pelithlap a:hover { text-decoration:underline; }






/* =Peli Accessories index page
------------------------------------------------------- */

#pelithfoa, #pelithdiv, #pelithpan, #pelithmis { float: left; margin-right: 20px; }

#pelithfoa a:link, #pelithfoa a:visited { width:98px; padding-top:106px; display:block;text-align:center;text-decoration:none; }
#pelithdiv a:link, #pelithdiv a:visited { width:106px; padding-top:106px; display:block;text-align:center;text-decoration:none; }
#pelithpan a:link, #pelithpan a:visited { width:93px; padding-top:106px; display:block;text-align:center;text-decoration:none; }
#pelithmis a:link, #pelithmis a:visited { width:98px; padding-top:106px; display:block;text-align:center;text-decoration:none; }

#pelithfoa a:link, #pelithfoa a:visited { background: url(img/peli-cases/pa-th-foam.jpg) no-repeat top center; }
#pelithdiv a:link, #pelithdiv a:visited { background: url(img/peli-cases/pa-th-dividers.jpg) no-repeat top center; }
#pelithpan a:link, #pelithpan a:visited { background: url(img/peli-cases/pa-th-panel.jpg) no-repeat top center; }
#pelithmis a:link, #pelithmis a:visited { background: url(img/peli-cases/pa-th-misc.jpg) no-repeat top center; }

#pelithfoa a:hover, #pelithdiv a:hover, #pelithpan a:hover, #pelithmis a:hover { text-decoration:underline; }






/* =Peli small, medium, large index pages
------------------------------------------------------- */

ul.thumblist1 { margin: 0; padding: 0; list-style: none; text-align: center; font-size: 1em; }
ul.thumblist1 li { list-style-type: none; padding: 0; margin: 0; margin-bottom: 40px; }


#th1120, #th1150, #th1200, #th1300, 
#th1400, #th1430, #th1440, #th1450, #th1500, #th1510, #th1520, 
#th1550, #th1560 
{ float: left; }

#th1120 a:link, #th1150 a:link, 
#th1200 a:link, #th1300 a:link, #th1400 a:link, 
#th1430 a:link, #th1440 a:link, #th1450 a:link, 
#th1500 a:link, #th1510 a:link, #th1520 a:link, 
#th1550 a:link, #th1560 a:link, 
#th1120 a:visited, #th1150 a:visited, 
#th1200 a:visited, #th1300 a:visited, #th1400 a:visited, 
#th1430 a:visited, #th1440 a:visited, #th1450 a:visited, 
#th1500 a:visited, #th1510 a:visited, #th1520 a:visited, 
#th1550 a:visited, #th1560 a:visited {
    display:block;
    width:130px;
    padding-top:150px;
    text-align:center;
    text-decoration:none;
    }

#th1120 a:link, #th1120 a:visited { background: url(img/peli-cases/th1120.jpg) no-repeat top center; }
#th1150 a:link, #th1150 a:visited { background: url(img/peli-cases/th1150.jpg) no-repeat top center; }
#th1200 a:link, #th1200 a:visited { background: url(img/peli-cases/th1200.jpg) no-repeat top center; }
#th1300 a:link, #th1300 a:visited { background: url(img/peli-cases/th1300.jpg) no-repeat top center; }
#th1400 a:link, #th1400 a:visited { background: url(img/peli-cases/th1400.jpg) no-repeat top center; }
#th1430 a:link, #th1430 a:visited { background: url(img/peli-cases/th1430.jpg) no-repeat top center; }
#th1440 a:link, #th1440 a:visited { background: url(img/peli-cases/th1440.jpg) no-repeat top center; }
#th1450 a:link, #th1450 a:visited { background: url(img/peli-cases/th1450.jpg) no-repeat top center; }
#th1500 a:link, #th1500 a:visited { background: url(img/peli-cases/th1500.jpg) no-repeat top center; }
#th1510 a:link, #th1510 a:visited { background: url(img/peli-cases/th1510.jpg) no-repeat top center; }
#th1520 a:link, #th1520 a:visited { background: url(img/peli-cases/th1520.jpg) no-repeat top center; }
#th1550 a:link, #th1550 a:visited { background: url(img/peli-cases/th1550.jpg) no-repeat top center; }
#th1560 a:link, #th1560 a:visited { background: url(img/peli-cases/th1560.jpg) no-repeat top center; }

#th1120 a:hover, #th1150 a:hover, #th1200 a:hover, #th1300 a:hover, 
#th1400 a:hover, #th1430 a:hover, #th1440 a:hover, #th1450 a:hover, 
#th1500 a:hover, #th1510 a:hover, #th1520 a:hover, 
#th1550 a:hover, #th1560 a:hover { text-decoration:underline; }




/* ---- Large Cases ---- */


#th1600, #th1610, #th1620, #th1630, #th1640, 
#th1650, #th1660, #th1690, #th0340, #th0350, 
#th0370, #th1700, #th1720, #th1750, #th1780 { float: left; }

#th1600 a:link, #th1610 a:link, #th1620 a:link, #th1630 a:link, #th1640 a:link, 
#th1650 a:link, #th1660 a:link, #th1690 a:link, #th0340 a:link, #th0350 a:link, 
#th0370 a:link, #th1700 a:link, #th1720 a:link, #th1750 a:link, #th1780 a:link,
#th1600 a:visited, #th1610 a:visited, #th1620 a:visited, #th1630 a:visited, #th1640 a:visited, 
#th1650 a:visited, #th1660 a:visited, #th1690 a:visited, #th0340 a:visited, #th0350 a:visited, 
#th0370 a:visited, #th1700 a:visited, #th1720 a:visited, #th1750 a:visited, #th1780 a:visited {
    display:block;
    width:130px;
    padding-top:150px;
    text-align:center;
    text-decoration:none;
    }
   
#th1700 a:link, #th1720 a:link, #th1750 a:link, #th1780 a:link, 
#th1700 a:visited, #th1720 a:visited, #th1750 a:visited, #th1780 a:visited { width: 260px; }

#th1600 a:link, #th1600 a:visited { background: url(img/peli-cases/th1600.jpg) no-repeat top center; }
#th1610 a:link, #th1610 a:visited { background: url(img/peli-cases/th1610.jpg) no-repeat top center; }
#th1620 a:link, #th1620 a:visited { background: url(img/peli-cases/th1620.jpg) no-repeat top center; }
#th1630 a:link, #th1630 a:visited { background: url(img/peli-cases/th1630.jpg) no-repeat top center; }
#th1640 a:link, #th1640 a:visited { background: url(img/peli-cases/th1640.jpg) no-repeat top center; }
#th1650 a:link, #th1650 a:visited { background: url(img/peli-cases/th1650.jpg) no-repeat top center; }
#th1660 a:link, #th1660 a:visited { background: url(img/peli-cases/th1660.jpg) no-repeat top center; }
#th1690 a:link, #th1690 a:visited { background: url(img/peli-cases/th1690.jpg) no-repeat top center; }
#th0340 a:link, #th0340 a:visited { background: url(img/peli-cases/th0340.jpg) no-repeat top center; }
#th0350 a:link, #th0350 a:visited { background: url(img/peli-cases/th0350.jpg) no-repeat top center; }
#th0370 a:link, #th0370 a:visited { background: url(img/peli-cases/th0370.jpg) no-repeat top center; }
#th1700 a:link, #th1700 a:visited { background: url(img/peli-cases/th1700.jpg) no-repeat top center; }
#th1720 a:link, #th1720 a:visited { background: url(img/peli-cases/th1720.jpg) no-repeat top center; }
#th1750 a:link, #th1750 a:visited { background: url(img/peli-cases/th1750.jpg) no-repeat top center; }
#th1780 a:link, #th1780 a:visited { background: url(img/peli-cases/th1780.jpg) no-repeat top center; }

#th1600 a:hover, #th1610 a:hover, #th1620 a:hover, #th1630 a:hover, #th1640 a:hover, 
#th1650 a:hover, #th1660 a:hover, #th1690 a:hover, #th0340 a:hover, #th0350 a:hover, 
#th0370 a:hover, #th1700 a:hover, #th1720 a:hover, #th1750 a:hover, #th1780 a:hover { text-decoration:underline; }


/* ---- Laptop Cases ---- */

#th1080, #th1470, #th1490, #th1490cc1, #th1490cc2, 
#th1495, #th1495cc1, #th1495cc2 { float: left; }

#th1080 a:link, #th1470 a:link, #th1490 a:link, #th1490cc1 a:link, #th1490cc2 a:link, 
#th1495 a:link, #th1495cc1 a:link, #th1495cc2 a:link,
#th1080 a:visited, #th1470 a:visited, #th1490 a:visited, #th1490cc1 a:visited, #th1490cc2 a:visited, 
#th1495 a:visited, #th1495cc1 a:visited, #th1495cc2 a:visited {
    display:block;
    width:130px;
    padding-top:150px;
    text-align:center;
    text-decoration:none;
    }
#th1080 a:link, #th1080 a:visited { background: url(img/peli-cases/th1080.jpg) no-repeat top center; }
#th1470 a:link, #th1470 a:visited { background: url(img/peli-cases/th1470.jpg) no-repeat top center; }
#th1490 a:link, #th1490 a:visited { background: url(img/peli-cases/th1490.jpg) no-repeat top center; }
#th1495 a:link, #th1495 a:visited { background: url(img/peli-cases/th1495.jpg) no-repeat top center; }
#th1490cc1 a:link, #th1490cc1 a:visited { background: url(img/peli-cases/th1490cc1.jpg) no-repeat top center; }
#th1490cc2 a:link, #th1490cc2 a:visited { background: url(img/peli-cases/th1490cc2.jpg) no-repeat top center; }
#th1495cc1 a:link, #th1495cc1 a:visited { background: url(img/peli-cases/th1495cc1.jpg) no-repeat top center; }
#th1495cc2 a:link, #th1495cc2 a:visited { background: url(img/peli-cases/th1495cc2.jpg) no-repeat top center; }

#th1080 a:hover, #th1470 a:hover, #th1490 a:hover, #th1490cc1 a:hover, #th1490cc2 a:hover, 
#th1495 a:hover, #th1495cc1 a:hover, #th1495cc2 a:hover { text-decoration:underline; }






/* =Storm range page
------------------------------------------------------- */

ul.thumblist1 { margin: 0; padding: 0; list-style: none; text-align: center; font-size: 1em; }
ul.thumblist1 li { list-style-type: none; padding: 0; margin: 0; margin-bottom: 40px; }


#th2050, #th2075, #th2100, #th2200, #th2300, 
#th2306, #th2370, #th2400, #th2500, #th2600, 
#th2700, #th2720, #th2750, #th2875, #th2950, 
#th2975, #th3075, #th3100, #th3200, #th3300 
{ float: left; }

#th2050 a:link, #th2075 a:link, #th2100 a:link, #th2200 a:link, #th2300 a:link, 
#th2306 a:link, #th2370 a:link, #th2400 a:link, #th2500 a:link, #th2600 a:link, 
#th2700 a:link, #th2720 a:link, #th2750 a:link, #th2875 a:link, #th2950 a:link, 
#th2975 a:link, #th3075 a:link, #th3100 a:link, #th3200 a:link, #th3300 a:link, 
#th2050 a:visited, #th2075 a:visited, #th2100 a:visited, #th2200 a:visited, #th2300 a:visited, 
#th2306 a:visited, #th2370 a:visited, #th2400 a:visited, #th2500 a:visited, #th2600 a:visited, 
#th2700 a:visited, #th2720 a:visited, #th2750 a:visited, #th2875 a:visited, #th2950 a:visited, 
#th2975 a:visited, #th3075 a:visited, #th3100 a:visited, #th3200 a:visited, #th3300 a:visited {
    display:block;
    width:130px;
    padding-top:150px;
    text-align:center;
    text-decoration:none;
    }

#th3100 a:link, #th3200 a:link, #th3300 a:link, 
#th3100 a:visited, #th3200 a:visited, #th3300 a:visited { width: 210px; }
    

#th2050 a:link, #th2050 a:visited { background: url(img/storm-cases/th2050.jpg) no-repeat top center; }
#th2075 a:link, #th2075 a:visited { background: url(img/storm-cases/th2075.jpg) no-repeat top center; }
#th2100 a:link, #th2100 a:visited { background: url(img/storm-cases/th2100.jpg) no-repeat top center; }
#th2200 a:link, #th2200 a:visited { background: url(img/storm-cases/th2200.jpg) no-repeat top center; }
#th2300 a:link, #th2300 a:visited { background: url(img/storm-cases/th2300.jpg) no-repeat top center; }
#th2306 a:link, #th2306 a:visited { background: url(img/storm-cases/th2306.jpg) no-repeat top center; }
#th2370 a:link, #th2370 a:visited { background: url(img/storm-cases/th2370.jpg) no-repeat top center; }
#th2400 a:link, #th2400 a:visited { background: url(img/storm-cases/th2400.jpg) no-repeat top center; }
#th2500 a:link, #th2500 a:visited { background: url(img/storm-cases/th2500.jpg) no-repeat top center; }
#th2600 a:link, #th2600 a:visited { background: url(img/storm-cases/th2600.jpg) no-repeat top center; }
#th2700 a:link, #th2700 a:visited { background: url(img/storm-cases/th2700.jpg) no-repeat top center; }
#th2720 a:link, #th2720 a:visited { background: url(img/storm-cases/th2720.jpg) no-repeat top center; }
#th2750 a:link, #th2750 a:visited { background: url(img/storm-cases/th2750.jpg) no-repeat top center; }
#th2875 a:link, #th2875 a:visited { background: url(img/storm-cases/th2875.jpg) no-repeat top center; }
#th2950 a:link, #th2950 a:visited { background: url(img/storm-cases/th2950.jpg) no-repeat top center; }
#th2975 a:link, #th2975 a:visited { background: url(img/storm-cases/th2975.jpg) no-repeat top center; }
#th3075 a:link, #th3075 a:visited { background: url(img/storm-cases/th3075.jpg) no-repeat top center; }
#th3100 a:link, #th3100 a:visited { background: url(img/storm-cases/th3100.jpg) no-repeat top center; }
#th3200 a:link, #th3200 a:visited { background: url(img/storm-cases/th3200.jpg) no-repeat top center; }
#th3300 a:link, #th3300 a:visited { background: url(img/storm-cases/th3300.jpg) no-repeat top center; }

#th2050 a:hover, #th2075 a:hover, #th2100 a:hover, #th2200 a:hover, #th2300 a:hover, 
#th2306 a:hover, #th2370 a:hover, #th2400 a:hover, #th2500 a:hover, #th2600 a:hover, 
#th2700 a:hover, #th2720 a:hover, #th2750 a:hover, #th2875 a:hover, #th2950 a:hover, 
#th2975 a:hover, #th3075 a:hover, #th3100 a:hover, #th3200 a:hover, #th3300 a:hover 
{ text-decoration:underline; }





/* =Storm Accessories index page
------------------------------------------------------- */

#storthfoa, #storthdiv, #storthorg, #storthbez, #storthoth { float: left; margin-right: 10px; }

#storthfoa a:link, #storthfoa a:visited { width:95px; padding-top:106px; display:block;text-align:center;text-decoration:none; }
#storthdiv a:link, #storthdiv a:visited { width:95px; padding-top:106px; display:block;text-align:center;text-decoration:none; }
#storthorg a:link, #storthorg a:visited { width:95px; padding-top:106px; display:block;text-align:center;text-decoration:none; }
#storthbez a:link, #storthbez a:visited { width:95px; padding-top:106px; display:block;text-align:center;text-decoration:none; }
#storthoth a:link, #storthoth a:visited { width:95px; padding-top:106px; display:block;text-align:center;text-decoration:none; }

#storthfoa a:link, #storthfoa a:visited { background: url(img/storm-cases/sa-th-foam.jpg) no-repeat top center; }
#storthdiv a:link, #storthdiv a:visited { background: url(img/storm-cases/sa-th-dividers.jpg) no-repeat top center; }
#storthorg a:link, #storthorg a:visited { background: url(img/storm-cases/sa-th-organizers.jpg) no-repeat top center; }
#storthbez a:link, #storthbez a:visited { background: url(img/storm-cases/sa-th-bezelkits.jpg) no-repeat top center; }
#storthoth a:link, #storthoth a:visited { background: url(img/storm-cases/sa-th-other.jpg) no-repeat top center; }

#storthfoa a:hover, #storthdiv a:hover, #storthorg a:hover, #storthbez a:hover, #storthoth a:hover { text-decoration:underline; }











/* =Products index page
------------------------------------------------------- */

ul.thumblist2 { margin-top: 0; margin-left: 20px; padding: 0; list-style: none; text-align: center; font-size: 1em; width: 650px; }
ul.thumblist2 li { list-style-type: none; padding: 0; margin: 0; margin-bottom: 20px; }

#btnfli, #btnsam, #btnpla, #btnskb, #btnhea, 
#btnpel, #btnsto, #btnexp, #btnsma, #btnspe, 
#btnpad, #btnint, #btntra
{ float: left; position: relative; }


#btnfli a:link, #btnsam a:link, #btnpla a:link, #btnskb a:link, #btnhea a:link, 
#btnpel a:link, #btnsto a:link, #btnexp a:link, #btnsma a:link, #btnspe a:link, 
#btnpad a:link, #btnint a:link, #btntra a:link,
#btnfli a:visited, #btnsam a:visited, #btnpla a:visited, #btnskb a:visited, #btnhea a:visited, 
#btnpel a:visited, #btnsto a:visited, #btnexp a:visited, #btnsma a:visited, #btnspe a:visited, 
#btnpad a:visited, #btnint a:visited, #btntra a:visited { 
	display:block;
    width:130px;
    padding-top:105px;
    text-align:center;
    text-decoration:none;
    }

#btnfli a:link, #btnfli a:visited { background: url(img/products/btnfli.jpg) no-repeat top center; }
#btnsam a:link, #btnsam a:visited { background: url(img/products/btnsam.jpg) no-repeat top center; }
#btnpla a:link, #btnpla a:visited { background: url(img/products/btnpla.jpg) no-repeat top center; }
#btnskb a:link, #btnskb a:visited { background: url(img/products/btnskb.jpg) no-repeat top center; }
#btnhea a:link, #btnhea a:visited { background: url(img/products/btnhea.jpg) no-repeat top center; }
#btnpel a:link, #btnpel a:visited { background: url(img/products/btnpel.jpg) no-repeat top center; }
#btnsto a:link, #btnsto a:visited { background: url(img/products/btnsto.jpg) no-repeat top center; }
#btnexp a:link, #btnexp a:visited { background: url(img/products/btnexp.jpg) no-repeat top center; }
#btnsma a:link, #btnsma a:visited { background: url(img/products/btnsma.jpg) no-repeat top center; }
#btnspe a:link, #btnspe a:visited { background: url(img/products/btnspe.jpg) no-repeat top center; }
#btnpad a:link, #btnpad a:visited { background: url(img/products/btnpad.jpg) no-repeat top center; }
#btnint a:link, #btnint a:visited { background: url(img/products/btnint.jpg) no-repeat top center; }
#btntra a:link, #btntra a:visited { background: url(img/products/btntra.jpg) no-repeat top center; }

#btnfli a:hover, #btnsam a:hover, #btnpla a:hover, #btnskb a:hover, #btnhea a:hover, 
#btnpel a:hover, #btnsto a:hover, #btnexp a:hover, #btnsma a:hover, #btnspe a:hover, 
#btnpad a:hover, #btnint a:hover, #btntra a:hover
{ text-decoration:underline; }







/* =Plastic cases index
------------------------------------------------------- */

ul.thumblist3 { margin-top: 30px; margin-left: 30px; padding: 0; list-style: none; text-align: center; font-size: 1em; width: 500px; }
ul.thumblist3 li { list-style-type: none; padding: 0; margin: 0; margin-bottom: 50px; }

#btnplspi, #btnplnpr, #btnpltec, #btnpleco, 
#btnplpla, #btnplmin, #btnplmax, #btnplmul
{ float: left; position: relative; }


#btnplspi a:link, #btnplnpr a:link, #btnpltec a:link, #btnpleco a:link, 
#btnplpla a:link, #btnplmin a:link, #btnplmax a:link, #btnplmul a:link,
#btnplspi a:visited, #btnplnpr a:visited, #btnpltec a:visited, #btnpleco a:visited, 
#btnplpla a:visited, #btnplmin a:visited, #btnplmax a:visited, #btnplmul a:visited { 
	display:block;
    width:110px;
    padding-top:66px;
    text-align:center;
    text-decoration:none;
    }

#btnplspi a:link, #btnplspi a:visited { background: url(img/plastic-cases/btnplspi.jpg) no-repeat top center; }
#btnplnpr a:link, #btnplnpr a:visited { background: url(img/plastic-cases/btnplnpr.jpg) no-repeat top center; }
#btnpltec a:link, #btnpltec a:visited { background: url(img/plastic-cases/btnpltec.jpg) no-repeat top center; }
#btnpleco a:link, #btnpleco a:visited { background: url(img/plastic-cases/btnpleco.jpg) no-repeat top center; }
#btnplpla a:link, #btnplpla a:visited { background: url(img/plastic-cases/btnplpla.jpg) no-repeat top center; }
#btnplmin a:link, #btnplmin a:visited { background: url(img/plastic-cases/btnplmin.jpg) no-repeat top center; }
#btnplmax a:link, #btnplmax a:visited { background: url(img/plastic-cases/btnplmax.jpg) no-repeat top center; }
#btnplmul a:link, #btnplmul a:visited { background: url(img/plastic-cases/btnplmul.jpg) no-repeat top center; }

#btnplspi a:hover, #btnplnpr a:hover, #btnpltec a:hover, #btnpleco a:hover, 
#btnplpla a:hover, #btnplmin a:hover, #btnplmax a:hover, #btnplmul a:hover
{ text-decoration:underline; }







/* =Peli Features page
------------------------------------------------------- */

body.pelifeatures #pftextside { width: 500px; }

#pftextside .chunk { 
	background: transparent url(img/interface/3p.gif) bottom left repeat-x;
	margin-bottom: 35px;
	padding-bottom: 35px;
	}
#pftextside .chunk p { margin-bottom: 0; padding-bottom: 0; }
#pftextside .chunk h4 { font: bold 1.1em/1.4em Verdana, Arial, Helvetica, sans-serif; color: #333; margin-top: 0; padding-top: 0; }
#pftextside .chunk img { margin: 0 10px; }



/* =SPI page
------------------------------------------------------- */

div.featurelist4 { width: 450px; padding-top: 30px; }
div.featurelist4 .chunk { 
	background: transparent url(img/interface/3p.gif) bottom left repeat-x;
	margin-bottom: 20px;
	padding-bottom: 20px;
	}
div.featurelist4 p { margin-bottom: 0; padding-bottom: 0; }
div.featurelist4 p.fi1 { float: left; width: 192px; text-align: left; margin-right: 10px; }


/* =NPR page
------------------------------------------------------- */

body.npr table.spectable2 { margin-bottom: 40px; }


/* =Multibag Ultrabag page
------------------------------------------------------- */

.bulletcase1 p { width: 182px; float: left; }
.bulletcase1 ul li { color: #666; }
.bulletcase1 h4 { color: #333; }



/* =Technobag page
------------------------------------------------------- */

.bulletcase2 p.bulletcase2img { width: 124px; float: left; margin-left: 6px; display: inline; }
.bulletcase2 ul { margin-left: 0; padding-left: 0; }
body.plastic h4 { color: #333; padding-top: 20px; margin-bottom: 8px; }



/* =Plasticase
------------------------------------------------------- */

.bulletcase3 p { float: right; width: 138px; }
.bulletcase3 p.bulletcase3img { width: 115px; float: left; margin-left: 2px; display: inline; }
.bulletcase3 ul { margin-left: 0; padding-left: 0; }
.bulletcase3 h4 { color: #333; float: right; width: 138px; text-align: left; }


/* =Contact page
------------------------------------------------------- */

p.mapbutton {margin-top: 12px; margin-bottom: 12px; }
p.vanpic { margin-top: 26px; }




/* =Terms page
------------------------------------------------------- */
body.terms #headerandsubarea { margin: 12px 0 30px 60px; }
#indentedcontent { margin-left: 60px; margin-right: 60px; }
#indentedcontent h3 { font: bold 1.3em Verdana, Arial, Helvetica, sans-serif; margin-bottom: 15px; }
#indentedcontent p.l2indent { margin-left: 21px; }
#indentedcontent p.l2indent strong { color: #333; }
#indentedcontent p.l3indent { margin-left: 50px; }
#indentedcontent p.l3indent strong { color: #333; }
body.terms h2 { font: bold 1.8em Arial, Helvetica, sans-serif; color: #333; background: none; margin-bottom: 5px; }




/* =Prices index
------------------------------------------------------- */

ul.thumblist4 { margin-top: 0; margin-left: 20px; padding: 0; list-style: none; text-align: center; font-size: 1em; width: 650px; }
ul.thumblist4 li { list-style-type: none; padding: 0; margin: 0; margin-bottom: 20px; }

#btnpripel, #btnpristo, #btnpriexp, #btnpripad, #btnprispe, #btnpriskb
{ float: left; position: relative; }


#btnpripel a:link, #btnpristo a:link, #btnpriexp a:link, #btnpripad a:link, #btnprispe a:link, #btnpriskb a:link, 
#btnpripel a:visited, #btnpristo a:visited, #btnpriexp a:visited, #btnpripad a:visited, #btnprispe a:visited, #btnpriskb a:visited { 
	display:block;
    width:105px;
    padding-top:105px;
    text-align:center;
    text-decoration:none;
    }

#btnpripel a:link, #btnpripel a:visited { background: url(img/prices/btn-peli.jpg) no-repeat top center; }
#btnpristo a:link, #btnpristo a:visited { background: url(img/prices/btn-storm.jpg) no-repeat top center; }
#btnpriexp a:link, #btnpriexp a:visited { background: url(img/prices/btn-explorer.jpg) no-repeat top center; }
#btnpripad a:link, #btnpripad a:visited { background: url(img/prices/btn-paddedbags.jpg) no-repeat top center; }
#btnprispe a:link, #btnprispe a:visited { background: url(img/prices/btn-spectratrunk.jpg) no-repeat top center; }
#btnpriskb a:link, #btnpriskb a:visited { background: url(img/prices/btn-skb.jpg) no-repeat top center; }


#btnpripel a:hover, #btnpristo a:hover, #btnpriexp a:hover, #btnpripad a:hover, #btnprispe a:hover, #btnpriskb a:hover 
{ text-decoration:underline; }





/* =Sitemap
------------------------------------------------------- */

body.sitemap #contentcontainer h3 { text-transform: uppercase; font: bold 1.3em/1.4em Verdana, Arial, Helvetica, sans-serif; }
body.sitemap #contentcontainer h4 { font: bold 1.1em/1.4em Verdana, Arial, Helvetica, sans-serif; margin-bottom: 0; padding-bottom: 2px; text-transform: uppercase; }
body.sitemap #contentcontainer h5 { font: normal 1.1em/1.4em Verdana, Arial, Helvetica, sans-serif; margin-bottom: 0; padding-bottom: 2px; }
body.sitemap #contentcontainer blockquote { margin-right: 0; padding-right: 0; }

body.sitemap #contentcontainer a { text-decoration: underline; }



/* =Samtrak
------------------------------------------------------- */

.samtrakitem { 
	padding: 8px;
	margin-right: 3px;
	width: 165px;
	float: left;
	border-right: 1px solid #ccc;
	}
	
* html .samtrakitem { width: 183px; w\idth: 165px; }

.samtrakitem h3 { 
	width: 165px;
	height: 140px;
	color: #fff;
	text-align: left;
	position: relative;
	margin: 0;
	font: 0.4em/0.6em Arial, Helvetica, sans-serif;
	color: #efefef;
	}
	
.samtrakitem h3 span {
	position: absolute;
	width: 100%;
	height: 100%;
	}

.samtrakitem ul.list5 li { font: 1em/1.2em Verdana, Arial, Helvetica, sans-serif;  }

.samtrakitem .price { font: bold 1.4em/1.6em Verdana, Arial, Helvetica, sans-serif; }

#samtrakitem1 h3 span { background: #fff url(img/sam-trak/th-luggagepack.gif) no-repeat 50% 50%; }
#samtrakitem2 h3 span { background: #fff url(img/sam-trak/th-travelpack.gif) no-repeat 50% 50%; }
#samtrakitem3 h3 span { background: #fff url(img/sam-trak/th-assetlabel.gif) no-repeat 50% 50%; }

#samtrakitem3 { border: none; }

p.introparag { font-size: 1.2em; }



/* =Holiday note
------------------------------------------------------- */

body.holidaynote { background-color: #666; margin: 10px auto; text-align: center; }
#holidaytop { width: 100%; }
#holidaymid { text-align: center; margin: 0 auto; background-color: #fff; width: 100%; padding: 10px 0; }
#holidaymid p { width: 360px; text-align: center; margin: auto; font: 1.2em/1.5em Verdana, Arial, Helvetica, sans-serif; }
#holidaybtm { width: 100%; }









/* =Spec table
------------------------------------------------------- */

.spectable1 { 
	width: 550px;
	border-collapse: collapse;
	border-left: 1px solid #686868;
	border-right: 1px solid #686868;
	border-bottom: 2px solid #686868;
	padding: 0;
	}
	
.spectable1 caption {
	background-color: #686868;
	background: #686868;
	color: #fff;
	font-weight: bold;
	margin-left: -1px; /* hack for FF to stop 1px gap on left border */
	border: 1px solid #686868;
	}

.spectable1 thead { border-top: 1px solid #686868; }

.spectable1 thead th {
	font-weight: bold;
	text-align: center;
	border-bottom: 1px solid #686868;
	}

.spectable1 th, .spectable1 td {
	padding: 2px 2px;
	text-align: center;
	border-right: 1px solid #686868;
	border-left: 1px solid #686868;
	}

.spectable1 col { border-right: 1px solid #999; }


body.storm .spectable1 col#colcase,
body.storm .spectable1 col#colheight { border-right: 2px solid #686868; }
body.storm .spectable1 col#colgreen { border-right: none; }

body.explorer .spectable1 col#colcase,
body.explorer .spectable1 col#colinte,
body.explorer .spectable1 col#colextc { border-right: 2px solid #686868; }

body.peli .spectable1 col#colcase,
body.peli .spectable1 col#colheight,
body.peli .spectable1 col#coldeserttan { border-right: 2px solid #686868; }

body.heavy .spectable1 col#colcase, 
body.heavy .spectable1 col#colouterbaselid { border-right: 2px solid #686868; }

.spectable1 a, .spectable1 a:link, .spectable1 a:visited { display: block; }
.spectable1 a:hover { color: #063; }


body.plastic .spectable1 col.colcase, body.plastic .spectable2 col.colcase { border-right: 2px solid #999999; }





/* =Panels Bags Dividers table
------------------------------------------------------- */

.pbdtable { 
	width: 330px;
	border-collapse: collapse;
	border-left: 1px solid #999;
	border-right: 1px solid #999;
	border-bottom: 2px solid #999;
	border-top: 2px solid #999;
	padding: 0;
	margin-top: 15px;
	}

.pbdtable th {
	font-weight: bold;
	text-align: center;
	border-bottom: 1px solid #ccc;
	width: 50%;
	}

.pbdtable th, .pbdtable td {
	padding: 2px 2px;
	text-align: center;
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
	}

.pbdtable col { border-right: 1px solid #999; }

.pbdtable td.semih { border-bottom: 1px solid #ccc; }






/* =Peli Accessories table
------------------------------------------------------- */

.pbdtable2 { 
	width: 330px;
	border-collapse: collapse;
	border-left: 1px solid #999;
	border-right: 1px solid #999;
	border-bottom: 2px solid #999;
	border-top: 2px solid #999;
	padding: 0;
	margin-top: 15px;
	}

.pbdtable2 th {
	font-weight: bold;
	text-align: center;
	border-bottom: 1px solid #ccc;
	}

.pbdtable2 th, .pbdtable2 td {
	padding: 2px 2px;
	text-align: center;
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
	}

.pbdtable2 col { border-right: 1px solid #999; }






/* =100% table
------------------------------------------------------- */

.spectable2 { 
	width: 100%;
	border-collapse: collapse;
	border-left: 1px solid #999;
	border-right: 1px solid #999;
	border-bottom: 2px solid #999;
	border-top: 2px solid #999;
	padding: 0;
	margin-top: 15px;
	}

.spectable2 th {
	font-weight: bold;
	text-align: center;
	border-bottom: 1px solid #ccc;
	}

.spectable2 th, .spectable2 td {
	padding: 2px 2px;
	text-align: center;
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
	}
.spectable2 td { vertical-align: middle; }

.spectable2 col { border-right: 1px solid #999; }

td.rowspanner { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; font-weight: bold; }


body.exploreraccessories .spectable2 td { text-align: left; padding-left: 6px; }
body.stormaccessories .spectable2 td { text-align: left; padding-left: 6px; }



/* =Prices section tables
------------------------------------------------------- */

body.pricelist table { width: 500px; }
body.pricelist table caption { width: 500px; }
body.pricelist table td { text-align: left; padding: 2px 5px; }
td.tdcat1 { padding-left: 10px; text-align: left; color: #333; font: bold 1.3em/1.5em Verdana, Arial, Helvetica, sans-serif; border-top: 1px solid #999; border-bottom: 1px solid #999; }








/* =boxpix
------------------------------------------------------- */

.boxpics { margin-top: 25px; }
.boxpics p { width: 160px; margin-bottom: 0; padding-bottom: 0; }




/* =text aside box images
------------------------------------------------------- */

p.asideimage, p.asideimage img { float: left; }
p.asideimage img { margin: 0 10px 15px 0; }






/* =Hover button  - Flight cases
------------------------------------------------------- */

#hoverbtnxouter {width: 222px; margin: 30px 0;}
#hoverbtnxouter a {border:none;}
#hoverbtnxouter a:hover img {visibility:hidden;}/* both IE/win and mac */
#hoverbtnxouter a {display:inline-block;}/* \*/
html #hoverbtnxouter a {display:block;}/* end hiding from IE/mac */


ul#hoverbtnx {margin:0; padding:0; list-style:none;}
ul#hoverbtnx li {margin:0;padding:0;}

.btn1 { background:url(img/flight-cases/btn-flightmore-r.jpg) bottom left no-repeat; }

ul#hoverbtnx {w\idth:222px; /* must hide from IE5.5/win, instead use container to limit width */}
* html #hoverbtnxouter {
	width:222px; /* for IE5.5/win */
	w\idth:auto;
	}
	
ul#hoverbtnx li a {
    display:block;
	height:42px;
	border:none;
	text-decoration:none;
	}
ul#hoverbtnx li a.btn1 {height:42px;}	

ul#hoverbtnx li a img {
    border:none;
	vertical-align:bottom; /* for IE6 */
	}
	
ul#hoverbtnx li a:hover img {visibility:visible;}
ul#hoverbtnx li a:hover img/**/ {
    visibility:hidden; /* hide from IE5.0/win */
    }
    
/* fixes for IE/win \*/
* html ul#hoverbtnx li a {cursor:hand;}
* html ul#hoverbtnx li a:hover {height:1%;}
/* */

ul#hoverbtnx { margin: 0; padding: 0; }





/* =Hover button  - Heavy cases
------------------------------------------------------- */

#hoverbtnxouter3 {width: 202px; margin: 15px 0 0 15px;}
#hoverbtnxouter3 a {border:none;}
#hoverbtnxouter3 a:hover img {visibility:hidden;}/* both IE/win and mac */
#hoverbtnxouter3 a {display:inline-block;}/* \*/
html #hoverbtnxouter3 a {display:block;}/* end hiding from IE/mac */


ul#hoverbtnx3 {margin:0; padding:0; list-style:none;}
ul#hoverbtnx3 li {margin:0;padding:0;}

.btnx3 { background:url(img/heavy-cases/btn-launchshowcase-r.gif) bottom left no-repeat; }

ul#hoverbtnx3 {w\idth:202px; /* must hide from IE5.5/win, instead use container to limit width */}
* html #hoverbtnxouter3 {
	width:202px; /* for IE5.5/win */
	w\idth:auto;
	}
	
ul#hoverbtnx3 li a {
    display:block;
	height:23px;
	border:none;
	text-decoration:none;
	}
ul#hoverbtnx3 li a.btn1 {height:23px;}	

ul#hoverbtnx3 li a img {
    border:none;
	vertical-align:bottom; /* for IE6 */
	}
	
ul#hoverbtnx3 li a:hover img {visibility:visible;}
ul#hoverbtnx3 li a:hover img/**/ {
    visibility:hidden; /* hide from IE5.0/win */
    }
    
/* fixes for IE/win \*/
* html ul#hoverbtnx3 li a {cursor:hand;}
* html ul#hoverbtnx3 li a:hover {height:1%;}
/* */

ul#hoverbtnx3 { margin: 0; padding: 0; }






/* =Hover button  - Sam-trak
------------------------------------------------------- */

#hoverbtnxouter2 {width: 195px; margin: 30px 0;}
#hoverbtnxouter2 a {border:none;}
#hoverbtnxouter2 a:hover img {visibility:hidden;}/* both IE/win and mac */
#hoverbtnxoute2r a {display:inline-block;}/* \*/
html #hoverbtnxouter2 a {display:block;}/* end hiding from IE/mac */


ul#hoverbtnx2 {margin:0; padding:0; list-style:none;}
ul#hoverbtnx2 li {margin:0;padding:0;}

.btn2 { background:url(img/sam-trak/btn-buysamtrak-r.jpg) bottom left no-repeat; }

ul#hoverbtnx2 {w\idth:222px; /* must hide from IE5.5/win, instead use container to limit width */}
* html #hoverbtnxouter2 {
	width:195px; /* for IE5.5/win */
	w\idth:auto;
	}
	
ul#hoverbtnx2 li a {
    display:block;
	height:44px;
	border:none;
	text-decoration:none;
	}
ul#hoverbtnx2 li a.btn1 {height:44px;}	

ul#hoverbtnx2 li a img {
    border:none;
	vertical-align:bottom; /* for IE6 */
	}
	
ul#hoverbtnx2 li a:hover img {visibility:visible;}
ul#hoverbtnx2 li a:hover img/**/ {
    visibility:hidden; /* hide from IE5.0/win */
    }
    
/* fixes for IE/win \*/
* html ul#hoverbtnx2 li a {cursor:hand;}
* html ul#hoverbtnx2 li a:hover {height:1%;}
/* */

ul#hoverbtnx2 { margin: 0; padding: 0; }





/* =For more info
------------------------------------------------------- */

p.moreinfo {
	background: #efefef url(img/interface/more-info-tri.gif) center left no-repeat;
	color: #666;
	font: bold 1.1em/1.8em Verdana, Arial, Helvetica, sans-serif;
	padding: 10px 20px;
	text-align: left;
	display: inline;
	margin: 0 auto;
	}

.moreinfo2 {
	padding-top: 5px;
	padding-bottom: 5px;
	border-top: 1px dashed #666;
	margin-top: 30px;
	font: bold 1.1em/1.8em Verdana, Arial, Helvetica, sans-serif;
	}

p.moreinfo3 {
	background: #efefef url(img/interface/moreinfo-boxleft.gif) top left no-repeat;
	color: #666;
	font: bold 1.0em/1.6em Verdana, Arial, Helvetica, sans-serif;
	padding: 10px 10px 10px 20px;
	text-align: left;
	width: 180px;
	}
	

/* =contact form
------------------------------------------------------- */

#contactform {
	margin-top: 0;
	}

#contactform fieldset {
	display: block;
	margin: 0 0 0 0;
	border: 0 solid #fff;
	padding: 2em 1em 0 0;
	}

#contactform input.mib, 
#contactform textarea.mib,
#contactform select.mib {
	position: relative;
	top: -1.4em;
	left: 10em;
	display: block;
	font: 1.1em/1.45em Arial, Helvetica, sans-serif;
	background-color: #e3e2e0;
	}

#contactform input.mib, 
#contactform textarea.mib {
	border: 1px solid #666666;
	background-color: #e3e2e0;
	}

#contactform select.mib option.seloption0 { color: #666; font-style: italic; }

#contactform label { font: 1.1em/1.45em Arial, Helvetica, sans-serif; }
#contactform input { font: 1.1em/1.45em Arial, Helvetica, sans-serif; }
#contactform fieldset p { font: 1.1em/1.45em Arial, Helvetica, sans-serif; }
#contactform fieldset legend { font: 1.1em/1.45em Arial, Helvetica, sans-serif; }

#contactform input.mib:hover, 
#contactform textarea:hover {
	background-color: #ececec;
	border: 1px solid #333;
	}
#contactform input.mib:focus, 
#contactform textarea:focus {
	background-color: #ffffff;
	color: #666;
	border: 1px solid #390;
	}
	
/*#contactform input.submit {
	clear: both;
	top: 0;
	margin-left: 0;
	}
#contactform #submitarea input { 
	border: 1px solid #000;
	font: 1.25em Arial, Helvetica, sans-serif;
	height: 1.7em;
	font-weight: bold;
	background: #390;
	color: #fff;
	padding-left: 10px;
	padding-right: 10px;
	}
#contactform #submitarea input:hover { 
	border: 1px solid #000;
	background: #063;
	color: #fff;
	}
*/
body.contactus #contactform #submitarea input {
	position: relative;
	left: 10em;
	margin-top: 0;
	display: block;
	font-size: 1.3em;
	}

#contactform label.mibl {
	clear: both;
	float: left;
	display: block;
	width: 10em;
	margin-top: -1em;
	font-weight: bold;
	font: 1.1em/1.45em Arial, Helvetica, sans-serif;
	}

.writein { font: 0.9em/1.3em Arial, Helvetica, sans-serif; color: #333; }

.form2 {background: #dbf3ff; padding: 2px; border: 1px solid #1267b1; font: 10px Arial, Helvetica;}

label.chklabel { margin-top: 0; padding-top: 0; }
input.chkinput { margin-top: 0; padding-top: 0; }



/* =Overrides for Request a quote form
------------------------------------------------------- */

body.requestaquote #contactform fieldset {
	margin: 0;
	border: 0 solid #fff;
	display: block;
	}

body.requestaquote #contactform fieldset.radioset { margin-top: 5px; }
body.requestaquote #contactform fieldset.checkset { margin-top: 5px; }

body.requestaquote #contactform p.fauxlegend { color: #666; margin-bottom: 4px; font-size: 1.2em; }
body.requestaquote #contactform label.textareaspan textarea { top: 0; left: 0; }
body.requestaquote #contactform label.textareaspan { float: none; clear:both; width: 100%; }
body.requestaquote #contactform label.textareaspan textarea#message { clear: both; margin-left: 0; left: 0; float: none; width: 333px; }

body.requestaquote #contactform fieldset input.mib, 
body.requestaquote #contactform fieldset textarea.mib {
	width: 200px;
	}
	
body.requestaquote #contactform #submitarea input {
	margin-left: 0;
	margin-top: 0;
	}




/* =Homepage
------------------------------------------------------- */

/* --- Intro text and offer --- */
#homeintrotext { float: left; width: 403px; font: normal 1.1em/1.6em Verdana, Arial, Helvetica, sans-serif;}
#homeoffer { float: right; width: 272px; height: 132px; }
#homeoffer .homeoffer2a { width: 129px; float: left; margin-right: 14px; }
#homeoffer .homeoffer2b { width: 129px; float: left; }



/* --- Peli Storm and Explorer --- */

h3.archingheader { 
	text-transform: uppercase;
	color: #999;
	font: bold 1.6em Arial, Helvetica, Verdana, sans-serif;
	background: url(img/interface/2pxdotted.gif) 0px bottom repeat-x;
	margin-bottom: 9px;
	margin-left: 6px;
	margin-top: 30px;
	}
	
#homecasetopcontainer { width: 692px; background: url(img/interface/2pxdotted.gif) 0px bottom repeat-x; margin-bottom: 30px; padding-bottom: 20px; }

#homecasepeli { float: left; position: relative; width: 228px; margin-right: 4px; }
#homecasestor { float: left; position: relative; width: 228px; margin-right: 4px; }
#homecaseexpl { float: right; position: relative; width: 228px; margin: 0; padding: 0; }

.homecasetop p { font: normal 10px/13px Verdana, Arial, Helvetica, sans-serif; margin-bottom: 0; padding-bottom: 0; }
.homecasetop h3 { margin: 0; padding: 0; margin-top: 0; }
.homecasetop h3 a:link, .homecasetop h3 a:visited {
	text-align:left;
	text-decoration:none;
	color: #333;
	}

#homecasepeli h3, #homecasepeli p { margin-left: 7px; }
#homecasestor h3, #homecasestor p { margin-left: 9px; }
#homecaseexpl h3, #homecaseexpl p { margin-left: 11px; }
#homecasepeli p.hwpimg, #homecasestor p.hwpimg, #homecaseexpl p.hwpimg { margin: 0; }
/* #homecasepeli h3 a:link, #homecasepeli h3 a:visited { background: url(img/home/peli-cases.jpg) no-repeat top left; } */
/* #homecasestor h3 a:link, #homecasestor h3 a:visited { background: url(img/home/storm-cases.jpg) no-repeat top left; } */
/* #homecaseexpl h3 a:link, #homecaseexpl h3 a:visited { background: url(img/home/explorer-cases.jpg) no-repeat top left; } */
.homecasetop h3 a:hover { text-decoration:underline; color: #063;}
p.homemorelink { margin-top: 3px; }
p.homemorelink a:link, p.homemorelink a:visited { text-decoration: underline; }

/* --- Cases in boxes --- */

#homemid { width: 682px; margin: 0 auto; }
#homemida { width: 416px; float: left; }
#homemidb { width: 228px; float: right; }
#homemidatop { margin-bottom: 34px; }
#homemidabtm { margin-bottom: 50px; }
.homecasemid { width: 126px; float: left; position: relative; }

#homecaseflig, #homecasesamc { margin-right: 15px; }
#homecasesmar, #homecasespec { margin-right: 15px; }

.homecasemid h3 { margin-top: 0; }
.homecasemid p { font: normal 10px/13px Verdana, Arial, Helvetica, sans-serif; color: #333; margin-bottom: 0; padding-bottom: 0; }
.homecasemid p img { margin-bottom: 5px; }
.homecasemid h3 a:link, .homecasemid h3 a:visited { color: #333; text-decoration: none; } 
.homecasemid h3 a:hover { color: #063; text-decoration: underline; }

/* --- Bottom cases --- */

#homecaseinte { margin-bottom: 30px; }
#homecaseinte h3 { margin-top: 0; }
#homecaseinte p { font: normal 10px/13px Verdana, Arial, Helvetica, sans-serif; margin-bottom: 0; padding-bottom: 0; }
#homecaseinte h3 a:link, #homecaseinte h3 a:visited { color: #333; text-decoration: none; } 
#homecaseinte h3 a:hover { color: #063; text-decoration: underline; }
p.homemorelink2 a:link, p.homemorelink2 a:hover { text-decoration: underline; }


/* --- Plastic cases panel --- */

#hpcontainer h3 {
	width: 228px;
	height: 20px;
	text-align: left;
	position: relative;
	margin: 0;
	font: 0.4em/0.6em Arial, Helvetica, sans-serif;
	color: #efefef;
	}

#hpcontainer h3 span {
	background: #fff url(img/home/plastic-cases-header.jpg) no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
	cursor:hand;
	}

#hpinner {
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	background: transparent url(img/home/plastic-baseblend.jpg) 0px bottom no-repeat;
	}

#hpinner p { margin: 0 8px 10px 15px; text-align: left; color: #333; font: normal 10px/14px Verdana, Arial, Helvetica, sans-serif; }
#hpinner p.hpimage { width: 226px; margin: 0; }
#hpcontainer h4 { font: bold 1em/1em Verdana, Arial, Helvetica, sans-serif; text-align: left; margin: 6px 8px 10px 15px; }

#hplistawrap { float: left; display: inline; width: 85px; margin-left: 30px; margin-bottom: 20px; }
#hplistbwrap { float: left; display: inline; width: 100px; }

#hpinner ul#hplista { list-style: none; list-style-type: none; width: 85px;  margin: 0; padding: 0; position: relative; }
#hpinner ul#hplistb { list-style: none; list-style-type: none; width: 100px; margin: 0; padding: 0; }

#hpinner ul#hplista li, 
#hpinner ul#hplistb li { list-style: none; list-style-type: none; padding: 0; margin: 0; font: normal 10px/20px Verdana, Arial, Helvetica, sans-serif; }

/* --- Padded Bags --- */

#homecasepadd { margin-top: 40px; }
#homecasepadd h3 { margin-top: 5px; }
#homecasepadd p { font: normal 10px/13px Verdana, Arial, Helvetica, sans-serif; margin-bottom: 0; padding-bottom: 0; }
#homecasepadd h3 a:link, #homecasepadd h3 a:visited { color: #333; text-decoration: none; } 
#homecasepadd h3 a:hover { color: #063; text-decoration: underline; }

#homemid p.homemorelink { margin-top: 3px; }
#homemid p.homemorelink a:link, #homemid p.homemorelink a:visited { text-decoration: underline; }

p.homesummary { margin-top: 30px; margin-bottom: 4px; font: normal 10px/14px Verdana, Arial, Helvetica, sans-serif; color: #999; text-align: center; }







/* =Pages for foam, dividers, panels
------------------------------------------------------- */

/* Peli */
body.peliaccessories #pftextside { width: 550px; }
body.peliaccessories td form { margin: 0; padding: 0; }
body.peliaccessories p.submitarea { margin: 0; padding: 0; }
body.peliaccessories p.submitarea input { margin: 0; padding: 0; }
p.pelifoamimg { float: left; width: 150px; }
p.pelidivimg { float: left; width: 170px; }
p.pelipanelimg { float: left; width: 126px; }
p.peliacclabel { float: left; width: 260px; }

/* Storm */
body.stormaccessories #pftextside { width: 550px; }
body.stormaccessories td form { margin: 0; padding: 0; }
body.stormaccessories p.submitarea { margin: 0; padding: 0; }
body.stormaccessories p.submitarea input { margin: 0; padding: 0; }
p.stormfoamimg { float: left; width: 150px; }
p.stormdivimg { float: left; width: 170px; }
p.stormpanelimg { float: left; width: 126px; }
p.stormacclabel { float: left; width: 320px; }

/* Explorer */
body.exploreraccessories #pftextside { width: 550px; }
body.exploreraccessories td form { margin: 0; padding: 0; }
body.exploreraccessories p.submitarea { margin: 0; padding: 0; }
body.exploreraccessories p.submitarea input { margin: 0; padding: 0; }






/* =Peli Miscellaneous Accessories
------------------------------------------------------- */

div.featurelist6 { width: 450px; padding-top: 30px; }
div.featurelist6 .chunk { 
	background: transparent url(img/interface/3p.gif) bottom left repeat-x;
	margin-bottom: 20px;
	padding-bottom: 20px;
	}
div.featurelist6 p { margin-bottom: 0; padding-bottom: 0; }
div.featurelist6 p.fi1 { float: left; width: 140px; text-align: left; margin-right: 15px; }

.textchunk { width: 290px; float: left; }

.featurelist6 .chunk .textchunk h4.h4b { font: bold 1.1em/1.3em Verdana, Arial, Helvetica, sans-serif; margin-top: 0; padding-top: 0; margin-bottom: 4px; padding-bottom: 0; }
#pftextside .featurelist6 .chunk img { margin: 0; }

div.featurelist6 p.price { font: bold 1.3em/1.4em Verdana, Arial, Helvetica, sans-serif; }
.exclvat1 { font-size: 0.8em; font-weight: normal; color: #999; }
.textchunk form { margin-top: 8px; padding-top: 0; }














/* =Text links just above footer
------------------------------------------------------- */

#baselinkscontainer {
	margin: 0 auto;
	margin-top: 30px;
	text-align: center;
	width: 710px;
	padding-bottom: 10px;
	}
	
ul.navd { margin: 0; padding: 4px 0 3px 0; text-align: center; font-size: 1em; }
ul.navd li {
	display: inline;
	list-style-type: none;
	padding-left: 7px;
	padding-right: 5px;
	padding-top: 3px;
	padding-bottom: 3px;
	border-right: 1px solid #ccc;
	font: normal 1em/1.3em Verdana, Arial, Helvetica, sans-serif;
	}
	
ul.navd li a { padding-left: 0; padding-right: 0; font-weight: normal; color: #390; }
ul.navd li a:hover { color:#063; }
ul.navd li.backtotop { 
	border-right: 0;
	padding-left: 7px;
	padding-right: 0;
	background: url(img/interface/arrow-backtotop.gif) center right no-repeat;
	}
ul.navd li.backtotop a { padding-right: 10px; }







.tdesc { text-align: left; }





/* =Footer
------------------------------------------------------- */

#footercontainer {
	margin: 0 auto;
	margin-top: 10px;
	text-align: left;
	width: 710px;
	border-top: 1px solid #ccc;
	padding-bottom: 10px;
	}

#footercontainer p {
	margin-top: 4px;
	color: #999;
	margin-bottom: 0;
	font: normal 0.9em/1.1em Arial, Helvetica, sans-serif;
	}
	
p#footera {
	float: left;
	width: 420px;
	}

p#floatb {
	float: right;
	width: 285px;
	}
	
a.nolinkstyle, a.nolinkstyle:link, a.nolinkstyle:visited, a.nolinkstyle:hover, a.nolinkstyle:active {
	color: #999;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	}
a.bgstyle, a.bgstyle:link, a.bgstyle:visited, a.bgstyle:hover, a.bgstyle:active {
	color: #999;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	}
a.bgstyle:hover { text-decoration: underline; color: #009dae; }