/**************************************/
/*              COMMONS               */
/**************************************/
body {font-size: 62.5%; font-family: Arial, sans-serif; color: #000;}
#header, #content, #footer {width: 100%;}
.meta, .header, .page, .content, .footer {margin: 0 auto; max-width: 100em; overflow: hidden;}
.ie .meta, .ie .header, .ie .page, .ie .content, .ie .footer {margin: 0 auto; max-width: 1000px; overflow: hidden;}
.wrapper {background: #ececec;}

/**************************************/
/*              styles               */
/**************************************/
.rounded {
-moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px;
-webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px;}
.content.ui-corner-t, .index .section, #contents, .index .nav.rounded li {
-moz-border-radius-bottomleft: 0; -moz-border-radius-bottomright: 0; -moz-border-radius-topleft:5px;-moz-border-radius-topright:5px;
-webkit-border-bottom-left-radius: 0; -webkit-border-bottom-right-radius: 0; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px;}	
.header.ui-corner-b {
-moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-topleft:0;-moz-border-radius-topright:0;
-webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-top-left-radius: 0; -webkit-border-top-right-radius: 0;}
.ie .header.ui-corner-b {background: #fff url(../../img/ui-corner-b.png) bottom no-repeat;}
.index .tabbed .section {-moz-border-radius: 0; -webkit-border-radius: 0;}

/* Colors */
a.blue {color: #206aad;}
.red {color: #d70000;}
.underline {text-decoration: underline !important;}
.b {font-weight: bold;}
.f-18 {font-size: 1.8em;}
/**************************************/
/*                 HEADER             */
/**************************************/
.header {background: #fff; padding-bottom: 8px;}
.advertise .header {padding-top: 4px;}
#header #nav, #header .brand {width: 100%; float: left;}
	/* Member area */
	#header.member .header  {padding-bottom: 0;}
	#header.member .brand{background: url(../../img/member_brand.png) no-repeat 6px 0; padding: 0 0 0 6px;}
	#header.member .brand h1#logo {margin: 0;}
	#header.member .brand h1#logo a {display: block; background:transparent url(../../img/member_logo.png) no-repeat scroll 0 0;}
	#header.member ul#completed {font-size: 1.1em; font-weight: bold; margin-left:10px;}
	#header.member ul#completed li {padding: 4px 0 2px 0;}
	#header.member ul {float: left;}
	#header.member ul#profile_parts {width: 230px; margin-left: 30px;}
	#header.member ul#profile_parts li {font-size: 0.9em; height: 15px; float: left; margin-top:4px; padding: 2px 0 0 17px; width: 95px; background: url(../../img/member_btn.png) no-repeat;}
	#header.member ul#profile_parts li.active, #header.member ul#profile_parts li:hover {background: url(../../img/member_btn-active.png) no-repeat; cursor: pointer;}
	#header.member ul li a.checkout {background: url(../../img/member_checkout.png) no-repeat; display:inline-block; height:37px; text-indent:-9999px; width:85px; margin-top: 5px;}
	#header.member ul#shopping-cart {font-size: 1.2em; padding-top: 15px; padding-right: 5px;}
	#header.member ul#shopping-cart li a {background: url(../../img/images/cart.png) no-repeat; padding-left: 22px;} 
	#header.member ul#shopping-cart span {padding:0 10px 0 20px;}
	#content.member  {padding: 0;}
	
	
	/* PREHEADER  */
.preheader, 
.preheader .meta {background: url(../../img/preheader_bg.png) bottom repeat-x; height: 50px;}
.preheader .meta {background-color: #fff;}
.preheader .meta  p {font-size: 1.6em; font-weight: bold; text-align: right; padding: 10px 15px 0 0;}
.preheader form {float: left; background: url(../../img/icons/google.png) 98% 20px no-repeat; padding: 8px 0 8px;}
.preheader form fieldset {border: none;}
.preheader form input.text {border: none; width: 240px; padding: 6px 10px 3px; font-size: 1.2em; background: url(../../img/preheader_input_bg.png) no-repeat;}
.preheader form input.submit {cursor: pointer; margin-right: 3px; background: url(../../img/preheader_search.png) no-repeat; text-indent: -9999px; border: none; width: 83px; height: 25px;}
.ie7 .preheader form input.submit {text-indent: 0; padding-left: 2000px;}
.preheader span.google {color: #bebebe; text-transform: uppercase; font-family: Tahoma,Geneva,Kalimati,sans-serif; vertical-align: top; font-size: 0.9em;}
.preheader ul.login {float: right; background: url(../../img/icons/login.png) 0 10px no-repeat; padding-left: 22px; margin: 4px 20px 0 0;} 
.preheader ul.login li {float: left; color: #333;}
.preheader ul.login li.first-child {padding: 5px 0 0 0;}
.preheader ul.login li strong {display: block; text-transform: uppercase; font-weight: bold; font-size: 1.1em;}
.preheader ul.login ul.nav li {float: none; background: url(../../img/icons/arrow_red.gif) left center no-repeat; padding-left: 10px; line-height: 110%;}
.preheader ul.login li.last-child {margin-left: 2em;}
.preheader ul.login li a {color: #0271ad; font-family: Tahoma,Geneva,Kalimati,sans-serif; font-size: 0.9em;}
.webkit form input.submit, .ie7 form input.submit, .opera form input.submit {height: 23px;}

/*  NAVIGATION  */
#nav ul.nav {float: left; width: 98.5%; margin: 0 6px; background: #0f1011 url(../../img/nav_bg.png) repeat-x; padding-left: 0.3%;}
.ie #nav ul.nav {float: left; width: 98.5%; margin: 0 6px; background: #0f1011 url(../../img/ie-nav_bg.png) no-repeat; padding-left: 0.3%;}
.advertise #nav ul.nav {width: 98.1%; padding-left: 0.5%;}
#nav ul.nav li {float: left; padding: 1em 1.28em;}
.webkit #nav ul.nav li {float: left; padding: 1em 1.295em 1em 1.3em !important;}
#nav ul.nav li.active, .header ul.nav li:hover {background: #8ddef5 url(../../img/nav_bg-active.png) repeat-x;}
#nav ul.nav li a {color: #fff; text-transform: uppercase; font-size: 1.3em; font-family: Century Gothic; font-weight: bold;}
.ie8 #nav ul.nav li {padding: 10px 12.5px 10px 13.1px;} .ie7 #nav ul.nav li, .opera #nav ul.nav li, .webkit #nav ul.nav li {padding: 10px 12px 10px 13px;}

/* BRAND */
.brand h1#logo {text-indent:-9999px; float: left; font-size: 2em; margin: 1em 0 1em 0.5em; }
.brand h1#logo a {display: block; background: url(../../img/bwda_logo.png) no-repeat; width: 166px; height: 85px;}
.brand p.banner {float: right; width: 728px; height: 90px; margin: 20px;}
.brand p.banner a {display: block; width: 100%; height: 100%;}
.brand p.banner img {border: 1px solid #c3c3c3;}
.advertise .brand {background: url(../../img/images/advertise-top.jpg) center 9px no-repeat; height: 217px;}
.advertise .brand  a {background: url(../../img/images/bwda-link.png) no-repeat; height: 40px; width: 475px; text-indent: -9999px; display: block; margin: 25px 0 0 210px;}

/**************************************/
/*             CONTENT                */
/**************************************/
#content {padding: 10px 0 0 0;}
#content.advertise{padding: 0;}
.content {background: #fff;}
/* #contents input, #contents select {border: 1px solid #acacac;} */
#contents input.browse {height: 23px;}
/* #contents input {padding: 2px 0 1px 2px;} */

/* layout */
.col1, .col2, .col3, .banner {float: left;}
	/* homepage */
	.index .col1, .index .col1 .section {width: 320px;}	
	.index .col2, .index .col2 .section {width: 218px;}	
	.index .col3, .index .col3 .section {width: 427px;}	
	.index .col1 {margin-left: 6px;}
	.index .col2 {margin: 0 10px;}
	.index .col3 {margin-right: 6px;}
/* breadcrumbs */
ul#breadcrumbs {font-size: 1.2em; border-bottom: 5px solid #ececec; float:left; font-family: Arial; text-transform: uppercase; padding: 10px 0 10px 12px; width:99%;}
ul#breadcrumbs li {float:left; padding-right: 8px;}
ul#breadcrumbs li a.arrow {background: url(../../img/icons/arrow.gif) right center no-repeat;padding-right: 12px;}
ul#breadcrumbs li.active, ul#breadcrumbs li.active span {background: url(../../img/breadcrumbs_bg.gif) no-repeat; height: 18px;}
ul#breadcrumbs li.active {background-position: 0 0;}
ul#breadcrumbs li.active span {color: #e0786a; display:inline-block; padding: 0 10px 0 10px;  background-position: 100% -18px;}
ul#breadcrumbs li a, ul#breadcrumbs li.active span {padding-top: 2px; height: 16px;}
ul#breadcrumbs li a {color:#959595; display: block;}
/* page title */
h1.title {text-transform: uppercase;
background: #f2f9fe url(../../img/pagetitle_bg.png) repeat-x scroll 0 0;
border: 1px solid #d7d7d7;
color: #454545;
font-size: 2.2em;
font-weight: bold;
font-family: Arial;
float: left;
width: 97.7%;
margin: 6px;
padding: 6px 0 5px 10px;}


/**************************************/
/*              FOOTER                */
/**************************************/
#footer {font-family: Tahoma,Geneva,Kalimati,sans-serif; background: #dcf0fa url(../../img/footer_bg.png) repeat-x;}
.footer {width: 90em;}
#footer a {font-size: 1.1em;}
#footer .nav {padding: 15px 0 10px 0; text-align: center;}
#footer .nav ul {margin-bottom: 6px; width: 100%;}
#footer .nav ul li {display: inline; border-left: 1px solid #000; padding: 0 3px 0 6px;}
#footer .nav ul li a.ads {color: #dd0000;}
#footer .copyright {float: left; margin: 0 5px 5px 5px; width: 70%;}
#footer .copyright p {display: inline; font-size: 1.1em;}
#footer .copyright p, #footer .copyright ul {float: left;}
#footer .copyright ul li {display: inline;}
#footer .copyright ul li a {padding: 0 5px;}
#footer .suggestions {text-align: right; background: url(../../img/icons/report-error.gif) center right no-repeat; margin-right: 8px; white-space: nowrap;}
#footer .suggestions p {height: 18px; padding: 5px 25px 0 0;}
#footer .meta {padding: 3px 0 13px 0;}
#footer .meta a {padding: 0 3px;}

/**************************************/
/*              BANNERS               */
/**************************************/
/* supersize-it banner - 260 x 60 pixels */
.banner dl.supersize-it {float: left;}
.banner dl.supersize-it dt, 
.banner dl.supersize-it dd {float: left; height: 70px;}
.banner dl.supersize-it dt {width: 118px;}
.banner dl.supersize-it dt img {}
.banner dl.supersize-it dd {clear: right; padding: 0 6px 6px 10px; width: 291px;}
.banner dl.supersize-it dd h3 {padding-bottom: 4px;}
.banner dl.supersize-it dd h3 a {color: #003f77; text-decoration: underline; font-size: 1.1em;}
/* value - 125 x 25 pixels */
.banner ul.value li {float: left; width: 145px; height: 60px; margin: 0 6px 6px 9px;}
.banner ul.value li a {display: block;}
.banner ul.value li h5 {text-align: center;}
/* skyscraper - 125 x 243 pixels */
/* integrated rectangle - 125 x 125 pixels */
/* pop-up leaderboard - 1000 x 300 pixels then reduces to 1000 x 30 pixels */
.section.partners .holder a {display: block; width: 190px; height: 40px; margin-bottom: 10px;}

/* Safari, Chrome */
.webkit .i.text, .webkit .i.pass {border: 1px solid #bdbcbd; background: #fff url(../../img/input_bg.png) bottom repeat-x !important;