/*
 CSS definitions by Stefan Isarie
 http://www.isarie.com/
 FOR WEBSTARS LTD
 September 2005
*/

/*
=layout
*/
html{ width:100%; height:100%; }
html, body{ margin:0; padding:0; font-size:11px; font-family:Arial, Helvetica, sans-serif; text-align:center; }

#pageWrap{ width:770px; text-align:left; margin:0 auto; }
#header{ height:48px; background:url("../images/h_bg.gif") repeat-x center left; float:left; text-align:center; width:100%; border-bottom:3px solid #fff; }
#contentWrap{ width:100%; float:left;  background: #fff url("../images/column_bg.gif") repeat-y top left; }
#left{ width:150px; float:left; color:#fff; }
#contentHolder{ width:620px; float:left; }
#navigator{  }
#navigator form { display: inline; margin: 0px; padding: 0px; }
#content{ width:620px; float:left; margin-top:3px; }
#center{ border-left:2px solid #fff; width:510px; float: left; color: #3d8fe3; }
#right{ width:108px; float: left; text-align:center; color:#fff; }
#bestSellersColumn{}
#footer{ border-top: 2px solid #3d8fe3; text-align:center; float:left; width:730px; padding:4px 20px; }
.shopField { font-weight: bold; }
/*
=elements
*/
ul.lNav{ margin:0; padding:0; list-style:none; width:147px; }
ul.lNav li{ margin:0; padding: 3px 0px 3px 4px; border-bottom: 4px solid #5884b1; border-top: 4px solid #b7d1ec; background: url("../images/l_item_bg.gif") repeat-x center left; vertical-align:middle; }
ul.lNav li.last{ border-bottom: none;  }
ul.lNav li.first{ border-top: none;  }
ul.lNav li a{ padding-left:14px; background: url("../images/l_bullet.gif") no-repeat center left; display:block; color:#fff; text-transform:capitalize; }

ul.simpleSearch{ margin:0px; padding:0; list-style:none; width:145px; }
ul.simpleSearch li{ margin:0; padding: 3px 4px; font-weight:bolder;  width:139px; float:left; }
ul.simpleSearch li.first{ border-top: 4px solid #b7d1ec; padding-top:10px; text-transform:capitalize; }
ul.simpleSearch li label{ margin:0; padding:3px 6px 3px 0; width:15%; float: left; }
ul.simpleSearch li .text{ width: 70%; float:right; border:1px solid #3d8fe3; }

ul.advancedSearch{ margin:0px; padding:0; list-style:none; width:145px; }
ul.advancedSearch li{ margin:0; padding: 3px 4px; font-weight:bolder;  width:139px; float:left; }
ul.advancedSearch li label{ margin:0; padding:3px 6px 3px 0;  float: left; }
ul.advancedSearch li .text{  float:right; border:1px solid #3d8fe3; }
ul.advancedSearch li.first{ border-top: 2px solid #b7d1ec; margin-top:16px; padding-top:6px; text-transform:capitalize; }
ul.advancedSearch li.name label{ width:15%; }
ul.advancedSearch li.name .text{ width: 70%; }
ul.advancedSearch li.price label{ width:10%; }
ul.advancedSearch li.price .text{ width: 30%; }
ul.advancedSearch li.country label{ width:30%; }
ul.advancedSearch li.country .text{ width: 60%; }

#navigator ul{ margin:0; padding:0; list-style:none; margin-left: 2px; }
#navigator ul li{ padding:3px; margin-right:2px; float:left;  background: url("../images/l_item_bg.gif") repeat-x center left; border-bottom: 4px solid #5884b1; color:#fff; font-weight:bold; }
#navigator ul li.email{ width:94px; }
#navigator ul li.currency{ width:229px; padding-left:20px; }
#navigator ul li.ship{ margin-right:0; width: 256px; }
#navigator ul li img { padding:0px 2px; border-left:1px solid #608fb9; vertical-align:middle; }

#navigator ul li a{ color:#fff; text-transform:capitalize; }
#navigator ul li.email a{ padding-left:30px; background: url("../images/nav_envelope.gif") no-repeat center left; }
#navigator ul li.currency a{ border-left:1px solid #608fb9; padding:0 8px; }
#navigator ul li.currency a.pound{ color: #90d5f6; margin-left:18px; cursor: pointer; }
#navigator ul li.currency a.dolar{ color: #8adc5d; cursor: pointer; }
#navigator ul li.currency a.euro{ color: #2a527c; cursor: pointer; }
#navigator ul li.ship a{ padding-left:30px; background: url("../images/nava_bara.gif") no-repeat center left; }

dl.heading{ margin:0; padding:0; border-bottom:4px solid #80b0e0; height:20px; color:#6e97b5; width:508px; clear:both; }
dl.heading dt{ margin:0; padding:0; float:left; width:30%; font-size:14px; font-weight: bold;}
dl.heading dd{ margin:0; padding:0; float:left; width:70%; padding-top:4px; }


dl.productheading{ margin:0; padding:0; border-bottom:4px solid #80b0e0; height:20px; color:#6e97b5; width:508px; clear:both; }
dl.productheading dt{ margin:0; padding:0; float:left; width:70%; font-size:12px; font-weight: bold; }
dl.productheading dd{ margin:0; padding:0; float:left; width:30%; font-size: 12px;padding-top:4px; font-weight: bold; }

dl.mainheading{ margin:0; padding:0; border-bottom:4px solid #80b0e0; height:20px; color:#6e97b5; width:508px; clear:both; }
dl.mainheading dt{ margin:0; padding:0; float:left; font-size:16px; }


table.mcategories{ width:100%; }
table.mcategories td{ border:1px solid #3d8fe3; text-align:center; width:33%; color:#739abb; }
table.mcategories td p.shipImage a{ color:#739abb; }
table.mcategories td p.shipName a{ color:#739abb; text-decoration:underline; font-weight:bold; font-size:16px; }
table.mcategories td p.shipDescription{ line-height:12px; }
table.mcategories td p.prices{ font-weight:bold; font-size:14px; }
table.mcategories td p.prices span{ text-decoration:line-through; margin-right:16px; }
table.mcategories td p.actions{ font-weight:bold; font-size:12px; color:#1e508b; }
table.mcategories td p.actions a{ color:#1e508b; }
table.mcategories td p.actions span{ margin-right:10px; }

dl.gallery,
dl.gallery dt,
dl.gallery dd{ margin:0; padding:0; text-align:center; vertical-align:middle; }
dl.gallery{ width:100px; float: left; margin-right:2px; }
dl.last{ margin:0px; margin-bottom:2px; }
dl.gallery dt{ width:100px; height:88px; background:url("../images/dt_bg.gif") no-repeat top left; }
dl.gallery dt img{ padding-top:4px; }
dl.gallery dd{ background: url("../images/dd_bg.gif") repeat-x top left; height:21px; padding-top:4px;  }
dl.gallery dd a{ color:#fff; font-weight:bold; text-transform:capitalize; }

.border{ border: 1px solid #3d8fe3; padding:6px; color: #3d8fe3; margin:0px 2px 2px 0; }
.border h1{ font-size:14px; }
.featured{ background-color:#3d8fe3; color: #fff; width:504px; padding:4px 2px; margin-bottom:3px; }
.featured a {color: #fff; }

#right .browse{ height:113px; width:100px; float:left; border-bottom:2px solid #fff; color:#1d548e; font-weight:bold; padding:0 4px; }
#right .browse p{ margin:4px 0;}
#right .browse select{ width:60px; font-size:10px; }
input.button { border:1px solid #fff; padding:2px 10px; color: #fff; background-color:#7ca7d4; margin-top:6px; font-size:10px; }

#right ul,
#right li{ margin:0; padding:0; list-style:none; }
#right li{ width: 95px;  background-color:#92bbe5; margin-left:6px; }
* html #right li{ margin-left:0px; }
#right li.bestSellers{ border-bottom:4px solid #5c87b4;font-size:12px; margin-bottom:6px; background: url("../images/l_item_bg.gif") repeat-x bottom left; padding:4px 0; margin-left:0; width:108px; font-weight:bold; }
#right div.rightcart{ border-bottom:4px solid #5c87b4;font-size:12px; margin-bottom:6px; background: url("../images/l_item_bg.gif") repeat-x bottom left; padding:4px 0; margin-left:0; width:108px; font-weight:bold; }
#right div.rightcartbody{ color: #2F475F;}

#footer ul{ margin:0; padding:0; list-style:none; }
#footer ul li{ float:left; padding: 2px 10px; }
#footer a{ color: #3d8fe3; font-weight:bold; text-transform:capitalize; }

br{ clear:left; }
h1{ margin:8px 0;}
p{ margin:8px 0; line-height:16px;}
form{ margin:0; }
.r{ text-align:right; }
img{ border:0; }
a{ text-decoration: none; }

table.models { width: 99.6%; margin-top: 10px; }
table.models th { background: #5884B1; color: #FFFFFF; }
table.models th a { color: #FFFFFF; font-weight: bold; text-decoration: underline; }
table.models .right { text-align: right; }
table.models .center { text-align: center; }
table.models .light { background: #E0E8EF; }
table.models .dark { background: #FFFFFF; }
a { cursor: pointer; }

ul#breadcrumb {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
ul#breadcrumb li {
	display: inline;
	font-weight: bold;
	padding-right: 7px;
	padding-left: 3px;
	background: url(../images/arrow.png) no-repeat right; 
}
ul#breadcrumb li.first {
	padding-left: 0px;
}
ul#breadcrumb a:hover {
	text-decoration: underline;
}

div#sharewith_cont {
	width:770px;
	text-align:right;
	margin:5px auto 6px auto;
}
ul#sharewith {
	list-style:none;
	margin:0;
	float:right;
}
ul#sharewith li {
	float: left;
    height: 27px;
    line-height: 23px;
    padding-right: 7px;
    text-align:right;
}
ul#sharewith li.text {
	color:#1a5192;
	font-weight:bold;
}
