/* --- Global Rules --- */
* {margin: 0px; padding:0px;}
body { margin:0; background-color: #01283e; color: #01283e; font-family: Arial, Helvetica, sans-serif; }
a {color:#00509b;}
#wrapper {margin: 0 auto; width:1024px;}
select { font-size:12px; font-weight:bold; border: 1px solid #136d9e; }
input.search-txt { border: 1px #01283e; background-color: #136d9e; }
input.textbox{ border:#01283e 1px solid; background:#fff; font:1em Verdana, Arial, Serif; padding:2px; }

/* --- Clearfix --- */
.clearfix:after { clear: both; }
.clearfix:before, .clearfix:after { content: " "; display: block; height: 0; overflow: hidden; }

/* --- Global Classes --- */
.margin { margin-left: 10px; }
.acct { font-family:Tahoma; font-size:11px; color:#fff; text-align: right; font-weight: bold; }
.acct a:link, .acct a:visited, .acct a:hover, .acct a:active { font-family:Tahoma; font-size:11px; color:#fff; font-weight: bold; text-decoration: none; }
.corners { border-radius: 4px; }

.footer a { color: #fff; font-size:14px; font-weight:bold; text-decoration: none; }
.mivatag a { color: #fff; font-size:8px; text-align: center; }

/* --- Bread Crumbs --- */
.breadcrumb { font-size:12px; }
.breadcrumb a {	font-size:12px; text-decoration: none; }

/* --- Storefront --- */
.sfnt-msg { font-family:Tahoma; font-size:14px; text-align: left; font-weight: bold;	margin-left: 50px; width:250px; }
.sfnt-msg p { margin:5px 0 0 5px; }
.sfnt-msg a { font-family:Tahoma; font-size:14px; color:#0072bc; font-weight: bold; } 

/* --- Categorys --- */
h1.cat-name { font-size: 18px; margin-left:10px; }

.sort-by { font-size:12px; font-weight:bold; }

.cat-prod-name { font-size:14px; font-weight:bold; }
.cat-prod-name a { font-size:14px; font-weight:bold; text-decoration: none; }
.cat-prod-brand { font-size:14px; font-weight:bold; }
.cat-prod-price { font-size:14px; font-weight:bold; }

.prod-name { font-size:20px; font-weight: bold; }
.prod-name a { color: #136d9e; font-size:14px; text-decoration: none; }

.prod-brand { color: #136d9e; font-size:14px; }
.prod-price { color: #136d9e; font-size:14px; }

.subcat a { font-size:14px; font-weight:bold; text-decoration: none; height: 100%; }

.team-gateway { color: #0072bc;	font-family: "Century Gothic", Tahoma, Arial, sans-serif; font-size: 12px; text-align: left; margin-right: 10px; margin-left: 20px; }
.team-gateway-login { color: #0072bc; font-family: "Century Gothic", Tahoma, Arial, sans-serif; font-size: 12px; text-align: right; margin-right: 10px; margin-left: 20px; font-weight: bold; }

/* Cat Tree */
ul#first { list-style-type:none; width:200px; margin:0px; padding-left: 12px; }

#subnav { float:left; }
#subnav li { margin-bottom: 0px; padding: 0px; color: #fff; font-size: 14px; line-height: 18px; font-variant: small-caps; } 	
#subnav li a {  display: block; width: 100%; height:100%; color: #fff; font-size: 14px; text-decoration:none; }
#subnav li a:hover { color:#000; font-size: 14px; text-decoration:none; background-image: url(graphics/00000001/cattree-cat-bg.gif); background-repeat: no-repeat;}
#subnav li ul { list-style-type:none; margin: 0 0 0 10px; padding-left: 0; }

#subnav li.subcategory { padding: 0; color: #fff; font-size: 12px; text-decoration:none; margin-top: 0px; margin-right: 0; margin-bottom: 0; margin-left: 0px; }	
#subnav li.subcategory a { color: #fff; font-size: 12px; text-decoration:none; }		
#subnav li.subcategory a:hover { color: #000; font-size: 12px; text-decoration:none; }	
#subnav li.subcategory a:visited:hover { color: #000; font-size: 12px; text-decoration:none; }

/* --- Basket --- */
#BASK h2 {margin: 10px 0;}
#basket-contents {font-size: 12px;}
#basket-contents ul li {list-style-type: none; margin-bottom: 5px;}
#basket-contents .dark-row {background-color:#e6e6e6;}
#basket-contents img {height: 80px; max-width: 80px; border: 1px solid #ccc; margin: 10px; padding:2px; background-color:#fff;}
.bg-table-heading {background-color:#0072bc; height: 30px; line-height: 30px; color:#fff; margin-bottom: 10px; font-weight: bold; font-size: 14px;}
.btn-remove {background: none; color:#36F; border: none; text-decoration: underline; font-size: 11px; cursor: pointer;}
#btn-checkout {background-image: url(graphics/00000001/btn-checkout.gif); width: 171px; height:35px; border: none; cursor: pointer; }
.basket { font-family:Tahoma; font-size:11px; text-align: right; font-weight: bold; margin-right: 5px; margin-bottom:20px; }
.basket a {	font-family:Tahoma; font-size:11px;	text-decoration:none; font-weight: bold; }
.basket a:link, .basket a:visited, .basket a:hover, .basket a:active { font-family:Tahoma; font-size:11px; font-weight: bold; }

/* --- Customer Login --- */
.bg-login-box {float: left; background-image: url(graphics/00000001/bg-login-box.gif); background-repeat: no-repeat; width: 185px; height:205px; margin-top: 15px; font-size: 12px; padding: 0 10px; color:#6188ad; }
.bg-login-box ul {list-style-type: none; margin-top: 25px;}
.bg-login-box ul li {margin-bottom: 15px; text-align: right;}
.bg-login-box ul li input {width: 120px; margin-left: 3px;}
#btn-login {background-image: url(graphics/00000001/btn-login.gif); background-repeat: no-repeat; height: 27px; width: 64px; border: none; cursor: pointer; }
.bg-login-box p {margin-bottom: 15px;}
.bg-login-box h2 {color:#fff; font-size: 14px; margin-bottom: 10px; line-height: 34px; }

/* --- Checkout --- */
#checkout-headers { background: none repeat scroll 0 0 #F6F6F6; border: 1px solid #E9E9E9; color: #ccc; font: bold 12px Arial,Helvetica,sans-serif; margin: 15px 0; padding: 5px;  }
#checkout-headers .secure { background: url("graphics/icon_lock.png") no-repeat scroll 5px center transparent; color: #828282; padding: 5px 10px 5px 30px; }
#checkout-headers div { display: inline; float: left; margin: 0 3px; padding: 5px 5px; }
#checkout-headers .id-page { background: none repeat scroll 0 0 #0072BC; color: #fff; }

#OCST #basket-contents img, #OPAY #basket-contents img, #OSEL #basket-contents img {height: 40px; max-width: 40px; border: 1px solid #ccc; margin: 5px; padding:2px; background-color:#fff;}
