html { font-size: 100%; }

body { 
	margin: 0; padding: 0; 
	font: 62.5%/1.7em Arial, Helvetica, sans-serif; 
	background: url(../images/bg_tile.gif) repeat-y center #666;
}

body a:link { color:#000; text-decoration:none;}
body a:visited { color:#000; text-decoration:none;}
body a:active { color:#000; text-decoration:none;}
body a:hover { color:#000; text-decoration:underline;}

table { border-collapse: collapse; margin-bottom: 1.5em; }
td, th { padding: 4px; border:1px solid #ccc; vertical-align: top; }
ul, ol, table, p { font-size: 1.2em; }
th { background: #333333; text-align: left; color: #fff; }

a:hover { text-decoration: none; }

/* h1,h2,h3,h3,h5 Tags */

h1 { margin:0; font:  3.2em/1em "Myriad Pro", Arial, Helvetica, sans-serif; }
h1 a { display:block; color:#f3f3f3; }
h2 { display:none; }
h3 {font-size: 1.7em; color: #000; font-family:Arial, Helvetica, sans-serif; }
h4 { margin: 0; padding: 0; font-size: 1.7em; color: #BF1323; letter-spacing: -1px; }
h5 {margin:0; padding:0; font-size:14px;}
h6 {margin:0; padding:0; font-size:12px; font-weight:bold; color: #BF1323;}

/* Form Resets */

form { margin:0; padding: 0; }
fieldset { margin: 1em 0;  padding: 1em; border : 1px dashed  #666;}
legend { font-weight: bold; font-size: 1.4em; color:#000; margin-left:-.3em; background-color:#FFF; }
label { float: left; width: 10em; margin-right: 1em;}
label .required { font-size: 0.75em; color:#760000; }

input { width: 16em; }
input.radio, input.submit { width: auto; }
input:focus, textarea:focus { background: #ffc; }
input.radio { float: left; margin-right: 1em; }

textarea { width: 18em; height: 10em; }

input[type="text"], textarea {
	border-top: 2px solid #999;
	border-left: 2px solid #999;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
}



/* Container Width */
#page_cart {  width: 780px; margin: 0 auto; }

/* Columns */
#right_col { width: 560px; margin-left: 200px; padding-left:1em;  padding-top: 0;}
#left_col { width: 189px; float: left; background:url(../images/left_bg.jpg) no-repeat top left #666666; margin:0; padding:0;}

h3#categoriestop {display:block; background: url(../images/categories.gif) no-repeat; height:30px; width:189px; text-indent: -900em; margin:0; padding:0;}
h3#searchtop {display:block; background: url(../images/searchshop.gif) no-repeat; height:64px; width:189px; text-indent: -900em; margin:0; padding:0;}
h3#welcome {display:block; background: url(../images/titles/welcome_title.gif) no-repeat; height:34px; width:314px; text-indent: -900em; margin:0; padding:0;}
h3#productdetails {display:block; background: url(../images/titles/product_titles.gif) no-repeat; height:23px; width:190px; text-indent: -900em; margin:20px 0 0 0; padding:0;}
h3#productstitle {display:block; background: url(../images/titles/category_title.gif) no-repeat; height:23px; width:112px; text-indent: -900em; margin:20px 0 0 0; padding:0;}
h3#abouttitle {display:block; background: url(../images/titles/about_title.gif) no-repeat; height:23px; width:259px; text-indent: -900em; margin:20px 0 0 0; padding:0;}
h3#relatedproducts {display:block; background: url(../images/titles/otherproducts_titles.gif) no-repeat; height:23px; width:180px; text-indent: -900em; margin:20px 0 0 0; padding:0;}
h3#shoppingcarttitle {display:block; background: url(../images/titles/shoppingcart_title.gif) no-repeat; height:23px; width:167px; text-indent: -900em; margin:20px 0 10px 0; padding:0;}
h3#contactinfo {display:block; background: url(../images/titles/contact_title.gif) no-repeat; height:23px; width:155px; text-indent: -900em; margin:20px 0 10px 0; padding:0;}
h3#customerlogin {display:block; background: url(../images/titles/customerlogin_title.gif) no-repeat; height:23px; width:179px; text-indent: -900em; margin:20px 0 10px 0; padding:0;}
h3#registertitle {display:block; background: url(../images/titles/register_title.gif) no-repeat; height:23px; width:199px; text-indent: -900em; margin:20px 0 10px 0; padding:0;}
h3#forgottenpassword {display:block; background: url(../images/titles/forgot_password.gif) no-repeat; height:23px; width:300px; text-indent: -900em; margin:20px 0 10px 0; padding:0;}
h3#helpandsupport {display:block; background: url(../images/titles/help_title.gif) no-repeat; height:23px; width:199px; text-indent: -900em; margin:20px 0 10px 0; padding:0;}
h3#mydetails {display:block; background: url(../images/titles/myaccount_details.gif) no-repeat; height:23px; width:225px; text-indent: -900em; margin:20px 0 10px 0; padding:0;}
h3#editcarddetails {display:block; background: url(../images/titles/editcarddetails.gif) no-repeat; height:23px; width:300px; text-indent: -900em; margin:20px 0 10px 0; padding:0;}
h3#orderhistory {display:block; background: url(../images/titles/order_history.gif) no-repeat; height:23px; width:206px; text-indent: -900em; margin:20px 0 10px 0; padding:0;}
h3#deliverydetails {display:block; background: url(../images/titles/delivery_details.gif) no-repeat; height:23px; width:260px; text-indent: -900em; margin:20px 0 10px 0; padding:0;}
h3#searchtitle {display:block; background: url(../images/titles/search_title.gif) no-repeat; height:23px; width:186px; text-indent: -900em; margin:20px 0 10px 0; padding:0;}
h3#termstitle {display:block; background: url(../images/titles/terms_title.gif) no-repeat; height:23px; width:259px; text-indent: -900em; margin:20px 0 10px 0; padding:0;}
h3#checkouttitle {display:block; background: url(../images/titles/checkout_title.gif) no-repeat; height:23px; width:210px; text-indent: -900em; margin:20px 0 10px 0; padding:0;}
h3#errortitle {display:block; background: url(../images/titles/error_title.gif) no-repeat; height:23px; width:78px; text-indent: -900em; margin:20px 0 10px 0; padding:0;}

h3#newsletter {display:block; background: url(../images/titles/newsletter.gif) no-repeat; height:23px; width:141px; text-indent: -900em; margin:20px 0 10px 0; padding:0;}
h3#unsubscribe {display:block; background: url(../images/titles/unsubscribe.gif) no-repeat; height:23px; width:287px; text-indent: -900em; margin:20px 0 10px 0; padding:0;}



/* =Header
	----------------------------------------------- */

#header {height: 161px; position: relative; font-family: Verdana, Arial, Helvetica, sans-serif; }
#heading { position: absolute;}

h1#stolliclothing a {display:block; background: url(../images/stolli_clothing_logo.jpg) no-repeat; height:161px; width:259px; text-indent: -900em; margin:0; padding:0; float:left;}
.shoppingcart {float:right; background:url(../images/header.jpg) no-repeat top left; width:525px; clear:both; height:161px;}

/* =Footer
	----------------------------------------------- */
#footer { margin:0; padding:20px 0 0 0; background:url(../images/footer_top.gif) no-repeat top left #000; color:#FFF; float:right; width:560px;}
#footer p {margin: 0; padding: 0;  font-size:11px; text-align:center;}	

#footer ul { margin: 0; padding: 0; list-style-type: none; text-align:center; font-size:11px}

#footer ul li { display: inline; }

#footer a:link { color:#FFF; text-decoration:none;}
#footer a:visited { color:#FFF; text-decoration:none;}
#footer a:active { color:#FFF; text-decoration:none;}
#footer a:hover { color:#FFF; text-decoration:underline;}
#footer img { margin: 0px auto 0px auto; }


/* =Payment Security
	----------------------------------------------- */

#security {width:189px; background:url(../images/protx_security.jpg) no-repeat top #FFF; height:122px; padding:0; margin:0;}
#security p {margin:0; padding:0; font-size:10px; line-height:normal;}


/* =FooterNew
	----------------------------------------------- */
	
#footernew {margin:0; padding:0; color:#FFF; width:780px; height:122px;}

#footernew a:link { color:#FFF; text-decoration:none;}
#footernew a:visited { color:#FFF; text-decoration:none;}
#footernew a:active { color:#FFF; text-decoration:none;}
#footernew a:hover { color:#FFF; text-decoration:underline;}

#footerdetails {width:570px; margin:25px 0 0 21px; padding:20px 0 0 0; background:url(../images/footer_bg.gif) no-repeat top left #000; float:right; height:70px;}

#footerdetails p {margin: 0; padding: 0;  font-size:11px; text-align:center;}	

#footerdetails ul { margin: 0; padding: 0; list-style-type: none; text-align:center; font-size:11px}

#footerdetails ul li { display: inline; }






input.form-error { border:3px double  #a86666; }

div#error-msg { 
	background-color:#fff584;
	border:1px solid #dcd266;
	margin:30px 0 20px 0;
	padding:5px;  
}
div#error-msg p { 
	margin	: 0;
	padding	: 0;
}

.error {  background:#BF1323; color:#fff; padding:.3em; }

.containBox { border:1px dashed #666; padding:0 1em; background-color:#E0E0E0; }



ul#navigation {
margin:0;
padding:0;
list-style-type: none;
position:absolute; bottom: 0;
}

ul#navigation li {float: left;}

ul#navigation li a
{
text-decoration: none;
padding:0 6px;
color: #fff;
background-color: #000;
height:27px;
display: block;
}

ul#navigation li a:hover
{
color: #fff;
background-color: #000;
}




#page_cart_display {
padding: .5em;
border:1px solid #e6e6e6; }



/* =minicart
	----------------------------------------------- */	

div#cart { padding: .3em; border: 1px solid #ccc; width:18em; margin-top: 1.7em; }	
div#cart h3 { margin-bottom: 0; margin-top:0; }

ul#minicart  {
	margin: 0;
	padding: 0;
	list-style-type: none; 
}
.remove {margin-bottom: .2em; }

ul#minicart li {
	color: #000;
	background-color: #f5f5f5;
	padding: 4px;
	text-decoration: none;
}

ul#minicart li a:hover {
	background-color: #fff;
	color: #000;
}	


input.qty { width: 2em; }


/* =Misc
	----------------------------------------------- */	
.clearleft { clear:left; }
.clearboth { clear: both; }
.clearright { clear: right; }

.floatleft { float:left; width: 25em; margin-right: 2em; }


/* =Navigation
	----------------------------------------------- */
	
.moreinfobutton {position:absolute; bottom:10px; left:45px; margin:0; padding:0}
	
	
	
#category_list ul li a:hover { text-decoration:underline; }
#category_list ul {
	margin: 0 0 30px 0;
	padding: 0;
	list-style-type: none;
	
}



#category_list ul li { margin: 0 0 .2em 0; background:url(../images/nav_split.gif) repeat-x bottom left; margin-left:15px; width: 158px; }

#category_list ul li a {
	display: block;
	color: #FFF;
	width: 158px;
	padding:4px 0 4px 0;
	text-decoration: none;
}

#category_list ul li a:hover ul {
	display: block;
	color: #FFF;
	width: 158px;
	padding:4px 0 4px 0;
	text-decoration: none;
}	

#category_list ul li ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	display: none;
}

#category_list ul li ul li { margin: 0; background:none; padding:0; }

#category_list ul li ul li a {
	display: block;
	color: #000;
	/*background-color:#cdcdcd;*/
	background:url(../images/sublist.gif) no-repeat top left;
	width: 158px;
	padding:2px 0 0 12px;
	font-weight:normal;
	text-decoration: none;
	font-size:11px;
}

#category_list ul li ul li a:hover {
	display: block;
	background:url(../images/sublist.gif) no-repeat top left;
	color: #000;
	width: 158px;
	padding:2px 0 0 12px;
	text-decoration: underline;
}	

 #category_list ul li a.current ,  #category_list ul li a.current:hover {
	background:url(../images/nav_split.gif) repeat-x bottom left;
}

#category_list ul li ul li a.current {
	display: block;
	color: #000;
	/*background-color:#cdcdcd;*/
	background:url(../images/sublist.gif) no-repeat top left;
	width: 158px;
	padding:2px 0 0 12px;
	font-weight:normal;
	text-decoration: none;
	font-size:11px;

}

#category_list ul li ul li a.current:hover {
display: block;
	background:url(../images/sublist.gif) no-repeat top left;
	color: #000;
	width: 158px;
	padding:2px 0 0 12px;
	text-decoration: underline;

}

/* =Quicksearch
	----------------------------------------------- */
	
div#quick_search {
width: 156px; padding:0 18px 0 15px; margin:0;
background:url(../images/search_bg.jpg) no-repeat bottom;
height:100px;
text-align: right;
  }
  
.searchbutton {width:52px; height:21px;}
.inputfields {width:98px; font-size:11px; margin:0 0 4px 0; padding:0;}
div#quick_search label { 
color: #4E3328;
margin-right: 7px;
text-align:left;
font-size: 1.1em; float:none; vertical-align:middle; }


/* =search results
	----------------------------------------------- */
ol.search-product-list { margin:0 0 0 2em; padding: 0; }

ol.search-product-list li { margin-bottom: .8em; border-bottom: 1px solid #f3f3f3; padding-bottom: .8em; }
.result-image {
  float: right;
  margin-right: 7px;
  clear:right;
}
ul#paging-top { margin: 0 .5em 0 0; padding: 0; }	
ul#paging-top li { margin: 0 .5em 0 0; list-style: none; float:left; }
	
#paging ul { margin:0 0 1em 0; padding: 0; padding: .6em 0 0 0; height: 2em; background:url(../images/cutline.gif) repeat-x top;}
#paging li { list-style: none; float:left; margin: 3px; text-align:center;}
#paging ul a {background:#000000; text-decoration: none; padding:2px 5px 2px 5px; color:#FFF;}
#paging ul a:hover { background: #999999; color:#FFF;}


/* =product details
	----------------------------------------------- */
#details ul { margin:0; padding: 0; list-style: none; }	
	
#details h4 { font:  2.0em/1.6em "Myriad Pro", Myriad, Helvetica, Arial, Verdana, sans-serif; }

#details span.prodPrice { color: #c00; font: 2.9em Georgia, "Times New Roman", Times, serif; }

#details .total { text-align: left; }
#details .subtotal { text-align: left; }

#details .prodImage { position: relative; text-align:right; float:right; 
margin: 0 0 3em 3em; padding: .5em;  }
#details .prodImage img {}
#details .discount { position:absolute; top:0; right:0; } 

#productheader {margin:20px 0 0 0; padding:0;}
#productheader ul {margin:0; padding: 0; list-style: none; }	

.addtocartbutton { width:136px; height:27px;}
.updatecartbutton { width:125px; height:22px;}
.continueshopping { width:184px; height:22px;}
.updatedetails { width:153px; height:22px;}
.contactbutton { width:66px; height:22px;}
.submitenquiry { width:137px; height:22px;}
.signupbutton { width:84px; height:22px;}


/* =Products{homepage}
	----------------------------------------------- */
.prodImage { position: relative; }
.discount { position:absolute; top:0; right:0; } 
div.products, div.productsInt { 
width: 17em; float: left; 
text-align: center; border:1px solid #ccc; 
margin-right: .6em; padding: .4em;
height:29em; margin-bottom: 1em;
position:relative; }

div.productsInt { height:30em; }
div.products h3 a, div.productsInt h3 a { font-size: 13px; line-height: 1em; color:#000; text-decoration:none; margin:0; padding:0;}
div.products h3 a:hover, div.productsInt h3 a:hover { color: #000; text-decoration:underline;  }

ul.attributes li { list-style: none; }
ul.attributes { margin: 0; padding: 0; }	
ul.attributes li span.money {
color: #FFF;
background-color:#ED1C24;
padding:5px;
font-size: 1.0em;
font-weight: normal;
margin-top:5px;
clear:both;
}

ul.attributes li span.vat {
font-size: .8em;
}






/* =Sidepanel {class}
	----------------------------------------------- */
div#extra { height: auto; }	
div.sidepanel { width: 33%; float: left; }
div.sidepanel h3 { padding:20px 0  0 0; border-top: 1px solid #ccc; color:#000066; 
font: bold  1.6em/0.6em "Myriad Pro", Myriad, Helvetica, Arial, Verdana, sans-serif;   }

div.sidepanel ul { margin: 0; padding: 0; }
div.sidepanel ul li { list-style: none; }

div.sidepanel ol { margin:0 0 0 25px;  padding: 0; }



/* =Carts
	----------------------------------------------- */

div#microcart {
color:#4E3328;
margin-right:90px;
font-size:1.0em;
position: absolute; top: 0; right: 0;
width:160px;
font-weight:bold;
}

div#microcart p { margin:25px 0 0 0; padding:0;}

div#microcart a { color: #4E3328; text-decoration:underline; }







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


.total {
background:url(../images/our_price.gif) no-repeat top left;
border-width: 1px 0;
color: #FFF;
font: 1.3em Arial, Helvetica, sans-serif;
font-weight:bold;
margin:0;
height:36px;
width:82px;
padding:40px 0 0 20px;
}

.subtotal {
text-align: right;
padding: 10px 5px;
border:1px solid #ccc;
border-width: 1px 0;
color: #c00;
font: 1.6em Georgia, "Times New Roman", Times, serif;
margin-bottom: 10px;
}

.delivery { border-top:1px solid #ccc; padding: 10px 5px; }

span.prodTitle {

font: bold  1.4em/0.6em "Myriad Pro", Myriad, Helvetica, Arial, Verdana, sans-serif; color: #0d0157 }

span.prodPrice { color: #c00; font-size: 1.3em }





/* Lists */
ul.listinline { 
	list-style: none; 
	margin:0 0 1.5em 0; padding:0; 
}

ul.listinline li { display: inline; margin-right:1em; border-right:1px solid #ccc; padding-right: 1em; }
ul.listinline  .killborder { border:0; }