/***** Global Settings *****/
 
* {margin:0; border:0; padding:0;}

body {
font:82% Arial, Helvetica, sans-serif;
background: #f5f0f4 url(/images/template/bg.jpg) repeat-x;
}
 
/***** Headings *****/
 
h1, h2, h3, h4, h5, h6 {
margin:0;
padding:0;
font-weight:normal;
}
 
h1 {
padding:30px 0 25px 0;
letter-spacing:-1px;
font-size:2em;
}
 
h2 {
font-size:1.2em;
font-family: Georgia, "Times New Roman", Times, serif;
color:#330033;
background: url(/images/template/header_bg.jpg) no-repeat 100% 0%; 
min-height: 30px; 
padding: 8px 0px 0px 6px
}
 
h3 {
font-size:1.5em;
font-family: Georgia, "Times New Roman", Times, serif;
color:#330033;
min-height: 30px; 
padding: 8px 0px 0px 10px;
letter-spacing: -1px
}

h4 {
color:#a91a49; 
font-size:1.1em;
padding: 8px 0px 0px 10px;

}



 
/***** Common Formatting *****/
 
p, ul, ol {
margin:0;
padding:0 0 1.25em 0;
color:#333
}
 
 
blockquote {
margin:1.25em;
padding:1.25em 1.25em 0 1.25em;
}
 
small {
font-size:0.85em;
}
 
img {
border:0;
}
 
 
/***** Links *****/
 
a,
a:link,
a:visited,
a:hover {
text-decoration:none;
}

a.view, a.view:visited {color:#a10c3e; background:url(/images/template/view_bullet.png) no-repeat; padding-left: 16px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 90%}
a.view:hover {color: #c74873; background:url(/images/template/view_bullet_hover.png) no-repeat}
/***** Forms *****/
 
form {
margin:0;
padding:0;
display:inline;
}
 
input, select, textarea {
font:1em Arial, Helvetica, sans-serif;
border: 1px solid #ccc;
color: #330033;
padding: 2px
}
 
textarea {
width:100%;
line-height:1.25;
}
 
label {
cursor:pointer;
}
 
/***** Tables *****/
 
table {
border:0;
margin:0 0 1.25em 0;
padding:0;
}
 
table tr td {
padding:2px;
}
 
 
/***** Global Classes *****/
 
.clear         { clear:both; }
.float-left    { float:left; }
.float-right   { float:right; }
 
.text-left     { text-align:left; }
.text-right    { text-align:right; }
.text-center   { text-align:center; }
.text-justify  { text-align:justify; }
 
.bold          { font-weight:bold; }
.italic        { font-style:italic; }
.underline     { border-bottom:1px solid; }
.highlight     { background:#ffc; }
 
 
.img-left      { float:left;margin:4px 10px 4px 0; }
.img-right     { float:right;margin:4px 0 4px 10px; }
 
.nopadding     { padding:0; }
.noindent      { margin-left:0;padding-left:0; }
.nobullet      { list-style:none;list-style-image:none; }

.pink {color: #c74873; }
.pinksmall {color: #c74873;font-size: 80%; padding-left: 40px }
.pinkbold {color: #c74873; font-weight: bold }
.purple { color: #663366; font-size: 93%; font-weight: bold; padding-left: 5px }
.purplesmall { color: #663366; font-size: 80%; font-weight: bold; padding-left: 10px; font-family: Arial, Helvetica, sans-serif }
.pinkbanner {color: #990033; font-size:250%; font-family: Georgia, "Times New Roman", Times, serif; letter-spacing: -1px; margin-left: 30px  }
.purplebanner {color: #330033; font-size:420%; font-family: Georgia, "Times New Roman", Times, serif; line-height: 58px; letter-spacing: -1px; margin-left: 30px  }
.green {color:#339999; }
.grey {color:#999999; font-size: 1.3em; margin-left: 60px} 

/* START TEMPLATE STYLES */
/* -------------------------------- */
#container {width: 986px; margin: auto;  }
#content {width: 986px; margin: auto; background:url(/images/template/content_bg.jpg) repeat-y; padding-left: 15px; float:left }

#logo { float: left; padding-left: 10px }
#shoppingbag {width: 234px; height: 85px;float:right; background: url(/images/template/shoppingbag.jpg) no-repeat 100% 0px; padding: 27px 0 0 0; margin-right: -10px}
p.shoppingbag-title {color: #c74873; font-family: Georgia, "Times New Roman", Times, serif; font-size:108% ; padding: 0 0 3px 5px}
p.shoppingbag-price {color: #663366; font-size: 93%; font-weight: bold; padding: 0 0 0 8px; margin-top: -10px}
a.checkoutbtn {background:url(/images/template/checkout_btn.jpg) no-repeat;  width: 66px; height: 15px; display:block; margin: -6px 0 0px 5px; float:left  }
a.checkoutbtn:hover {background-position: 0px -15px; }

#nav { float:left; width: 100%; margin: 0px 0px -8px 10px; color: #663366; font-size: 100%;}
#nav ul {list-style-type: none; margin: 15px 0 0 0;  }
#nav li {display: inline; background:url(/images/template/nav_divider.jpg) no-repeat 100% 100%; padding: 10px 12px 5px 6px;}
#nav li.end {display: inline; background: none; padding: 10px 12px 5px 6px;}
#nav li a:link, #nav li a:visited {color: #663366; font-size: 100%; margin-top: 10px }
#nav img.size_arrow {float:right; margin: -40px -4px 0 0 }
#nav li a:hover {color: #c74873; }

#lefthome {width: 170px; background: url(/images/template/lefthome_bg.jpg) no-repeat 100% 0%; float:left;}
#left {width: 170px; float:left;}
#brandsearch {width: 170px; padding-top: 8px; font-family: Georgia, "Times New Roman", Times, serif; color:#333; background:url(/images/template/brandsearch_bg.jpg) repeat-x 50% 100%; min-height: 106px; margin-bottom: 10px; float:left; }
#brandsearch p {font-size: 13px;  letter-spacing: -1px; text-align: center; margin: 0px}
#brandsearch select {margin: -8px 0px 0px 6px; width: 92%; }
#variantsearch {width: 170px; padding-top: 8px; font-family: Georgia, "Times New Roman", Times, serif; color:#333; min-height: 156px; margin-bottom: 10px; float:left; }
#variantsearch p {font-size: 13px;  letter-spacing: -1px; text-align: center; margin: 0px}
#variantsearch select {margin: 0px 0px 0px 10px; width: 95%; }

#mainnav {width: 170px; float:left;}
#mainnav a:link, #mainnav a:visited {font-family: Georgia, "Times New Roman", Times, serif; color:#330033; font-size: 18px; }
#mainnav a.mainnavbtn {background:url(/images/template/nav_btns.png) no-repeat 0% 0px;  width: 170px; height: 48px; display:block; float:left; padding-top: 3px;margin-bottom: 5px  }
#mainnav a.mainnavbtn:hover {background-position: 0px -51px; }
.link {margin: 10px 0 0 10px}

#news {width: 170px; margin: 10px 0 10px 0; font-family: Georgia, "Times New Roman", Times, serif; font-size: 90%; margin: 10px 0 10px 0; float:left;}
#news a:link, #news a:visited {color: #330033; font-weight: bold; font-size: 90%;  }
#news a:hover {color: #c74873; }
#news_content {width: 160px; background:url(/images/template/news_middle.jpg) repeat-y 0% 0%; padding: 0 0px 0 8px; }
#news_content p {font-family: Georgia, "Times New Roman", Times, serif; margin: 5px 0 0px 0; font-size: 90%}
a.newsletterbtn {background:url(/images/template/newsletter_btn.jpg) no-repeat;  width: 140px; height: 25px; display:block; float:left  }
a.newsletterbtn:hover {background-position: 0px -25px; }


#sizing-guide {float:left; width: 170px; margin-bottom: 10px}

#right {float:left; width: 170px}
#searchhome {background:url(/images/template/searchhome_bg.jpg) no-repeat; float:left; width: 170px; min-height: 380px; margin-top: -1px; font-family:Georgia, "Times New Roman", Times, serif; }
#search {background:url(/images/template/search_bg.jpg) no-repeat; float:left; width: 170px; height: 380px; margin-top: -1px; font-family:Georgia, "Times New Roman", Times, serif; }
#searchhome p, #search p {font-size: 80%; padding: 10px 5px 0px 10px}
#searchhome select, #search select {margin: 2px 0px 0px 10px; width: 83%; } 

a.savesizebtn {background:url(/images/template/savesize_btn.jpg) no-repeat;  width: 140px; height: 25px; display:block; float:left; margin: 15px 0px 5px 10px  }
a.savesizebtn:hover {background-position: 0px -26px; }
a.searchallbtn {background:url(/images/template/searchall_btn.jpg) no-repeat;  width: 140px; height: 25px; display:block; float:left; margin: 5px 0px 0px 10px  }
a.searchallbtn:hover {background-position: 0px -26px; }

#logos {float:left; width: 166px;padding-left: 2px; margin: 10px 0px 10px 0px; background:url(/images/template/logos_bg.jpg) repeat-y 2px 50%; }
img.logo {border-bottom: 1px solid #eee; margin: 3px 0px 3px 1px;}

a.arrowtopbtn {cursor: pointer; background:url(/images/template/logos_arrow_top.jpg) no-repeat;  width: 166px; height: 31px; display:block; float:left;  }
a.arrowtopbtn:hover {background-position: 0px -32px; }

a.arrowbottombtn {cursor: pointer;background:url(/images/template/logos_arrow_bottom.jpg) no-repeat;  width: 166px; height: 31px; display:block; float:left;  }
a.arrowbottombtn:hover {background-position: 0px -33px; }

#breadcrumb {color:#666; font-size: 80%; padding: 5px 10px 5px 10px}
#breadcrumb a:link, #breadcrumb a:visited {color:#666}
#breadcrumb a:hover {color:#999999}


#footer {background:#f3f1ed url(/images/template/footer_bg.jpg) repeat-x 50% 0%; margin:auto; width: 100%; min-height: 223px; }
#footer a:link, #footer a:visited {color: #330033; text-decoration:none }
#footer a:hover {color:#a91a49;  }
#footerlinks {width: 990px; margin: auto; padding: 10px 0px 0px 20px }
div.footercol {float:left; width: 180px; border-right: 1px solid #fff; margin-top: 2px; min-height: 170px}
div.footercol ul {list-style-type: none; margin-top: 5px }
div.footercol li {padding: 4px 0px 0px 10px}

#footercopy {font-size: 80%; color:#661c59; text-align: right; margin-top: 2px; padding-left: 10px; }

/* END TEMPLATE STYLES */
/* -------------------------------- */


/* START CONTENT STYLES */
/* -------------------------------- */

#maincontent {float:left; width: 644px; margin-bottom: 10px }
#mainintro {float:left; width: 621px;padding-left: 10px;  }
#mainintro p {padding: 0px 5px 5px 5px}
#banner {float:left; width: 644px; height: 354px; margin-top: -1px; padding: 90px 0px 0px 0px; margin-bottom: -100px}

#bestsellers {float:left; width: 621px; height:230px; padding-left: 10px; background: url(/images/home/bestsellers_pbg.gif) repeat-y 100% 50%; margin-bottom: 10px }
#bestsellers_rel {float:left; width: 621px; height:230px; padding-left: 10px; background: url(/images/home/bestsellers_bg.gif) repeat-y 100% 50%; margin-bottom: 10px }
a.arrowleftbtn {cursor: pointer; background:url(/images/home/arrow_left.jpg) no-repeat;  width: 22px; height: 57px; display:block; float:left; margin-left: 3px;  margin-top: 20px  }
a.arrowleftbtn:hover, a.arrowrightbtn:hover {background-position: 0px -58px; }
a.arrowrightbtn {cursor: pointer; background:url(/images/home/arrow_right.jpg) no-repeat;  width: 22px; height: 57px; display:block; float:left; margin-right: 3px;  margin-top: 20px }

a.arrowleftrelbtn {background:url(/images/home/arrow_leftrel.jpg) no-repeat;  width: 22px; height: 57px; display:block; float:left; margin-left: 3px;  margin-top: 20px  }
a.arrowleftrelbtn:hover, a.arrowrightrelbtn:hover {background-position: 0px -58px; }
a.arrowrightrelbtn {background:url(/images/home/arrow_rightrel.jpg) no-repeat;  width: 22px; height: 57px; display:block; float:left; margin-right: 3px;  margin-top: 20px }

div.best_prod {background: #fff; float:left; width: 130px; padding:3px 5px 8px 5px; margin-left: 2px}
div.best_prod p {color: #339999; font-size: 80%; padding: 4px 0px 4px 0px}
a.best_title, a.best_title:visited { color: #330033; font-size: 93%; font-weight: bold; }
a.best_title:hover {color: #c74873;}
div.price {background:url(/images/home/price_bg.png) no-repeat; float:right; width: 45px; height: 45px; color:#fff; position: absolute; margin-left: 80px; font-size: 80%; font-weight: bold; padding: 15px 0px 0px 5px}

#latest_prods {float:left; width: 621px; padding-left: 10px; background:url(/images/home/latest_prods_bg.gif) repeat-y 100% 50%;margin-bottom: 10px  }
div.latest_prod {float:left; margin-left: 10px; width: 290px; padding-top: 5px}
div.latest_prod p {color:#666; font-size: 80%; padding: 4px 0px 4px 0px }
.was_price {color:#339999; font-weight:bold;line-height: 24px}
.now_price {color:#a71747; font-weight:bold;}
div.vertdivider {background:url(/images/home/ver_div.gif) repeat-y; width: 10px; min-height: 125px; float:left; margin: -8px 0 0 4px}
div.madesize {float:right; width: 120px; }
div.viewdetails {float:left; margin-left: 190px; margin-top: -15px}
div.viewdetailsleft {float:left; margin-top: 5px}

div.hr { height: 5px; background: url(/images/home/hor_div.gif) repeat-x 50% 100%; float:left; width: 619px; margin: -2px 0px 0px 2px}
div.hr hr { display: none;}


#maincontent ul { margin: 10px 0px 0px 50px}
#maincontent li {color: #666; list-style-type:square; line-height: 1.2}

#product {margin-left: 11px; float:left}
.prod_img {width: 180px; float:left}
#prod_details {width: 320px; float:left; color:#333; font-size: 80%; margin-left: 5px}
td.cat {font-weight: bold; width: 85px}
#prod_descrip {float:left; width: 430px; color:#333; margin-left: 10px; font-size: 85%; line-height: 1.4em}
#price {text-align: right; padding-right: 15px}
#TEMPprice {text-align: right; padding-right: 15px; float:left; width: 100px}


#prod_reviews {width: 620px; float:left; color:#333; font-size: 80%; margin-left: 15px}

#thumbs {margin-top: 4px}
#thumbs img {border: 1px solid #ccc; margin: 4px 4px 10px 0px}

#tabs {margin: 0px 0px 20px 11px}
#tabs p {font-size: 80%}
.addbasketbtn {background:url(/images/home/add_basket.jpg) no-repeat;  width: 102px; height: 21px; cursor: pointer; display:block;}
.addbasketbtn:hover {background-position: 0px -21px; }
table.product_table {width: 621px; color:#330033; font-size: 80%; }
table.product_table td {padding: 4px}
table.product_table select {margin: 2px 0px 0px 10px; width: 83%;}
tr.bg {background: #f1edf1}
td.basket { width: 140px}


/* END CONTENT STYLES */
/* -------------------------------- */


/* START TABLE STYLES */
/* -------------------------------- */
/*
tr.dtgheader th { background-color:#516e80; vertical-align:top; padding-top: 5px; color: #fff; font-weight: 1.5; text-align:left; }
tr.dtgheader a:link, tr.dtgheader a:visited {color: #fff; text-decoration: none } 
tr.dtgheader a:hover {color: #63a4c5; text-decoration: none } 
tr.dtgheader th.first, td.first  {padding-left: 5px}

.dtginfo_alternate {background-color: #333f45}
.dtginfo, .dtginfo_alternate {height: 25px }



/* END TABLE STYLES */
/* -------------------------------- */



/* START FONT STYLES */
/* -------------------------------- */
/*
10 77
11 85
12 93 (was 92)
13 100
14 108 (was 107)
15 116 (was 114)
16 123.1 (was 122)
17 131 (was 129)
18 138.5 (was 136)
19 146.5 (was 144)
20 153.9 (was 152)
21 161.6 (was 159)
22 167
23 174
24 182
25 189
26 197
/* END FONT STYLES */
/* -------------------------------- */

/* DARK BACKGROUND */
.black_overlay{
    display: none;
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color: black;
    z-index:1001;
    -moz-opacity: 0.6;
    opacity:.60;
    filter: alpha(opacity=60);
}

/* START BASKET BALLON */
/* -------------------------------- */

#basketBubble{
background-image:url(/images/basket-balloon/bubble_tr.png);
width:308px;
height:121px;
}

/* Left-facing bubble */
#bubbleContent{
position:absolute;
top:10px;
left:16px;
}

#bubbleIcon{
position:absolute;
left:10px;
top:7px;
}

#bubbleText{
position:absolute;
top:15px;
left:75px;
height:40px;
width:140px;
vertical-align:middle;
font:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:12px;
color:#3d3d3d;
}

#bubbleCloseButton{
position:absolute;
top:74px;
left:0px;
}

#bubbleCheckoutButton{
position:absolute;
top:74px;
left:112px;
}
/* END BASKET BALLON */
/* -------------------------------- */
#divContainerHoriz{position : absolute; float:left; width:580px; height:310px;_height:310px;	*height:310px; overflow:scroll; clip: rect(0px 530px 280px 35px); *clip: rect(0px 510px 280px 0px); padding-left: 35px; *padding-left: 0px} 
#divContentHoriz{position : absolute;} 

#divContainerBrandLogos{position : absolute; width:280px; height:320px;_height:320px;	*height:320px; overflow:scroll; clip: rect(0px 180px 300px 0px);} 
#divContentBrandLogos{position : absolute; width : 180px; } 

:focus {
  -moz-outline-style:none;
}

 
#demotip {
	display:none;
	background:transparent url(/images/black_arrow.png);
	font-size:12px;
	width:160px;
        height:70px;
	padding:25px;
	color:#fff;	
}


/* tooltip styling */
.tooltip {
	display:none;
	background:transparent url(/images/black_arrow_big.png);
	height:163px;
	padding:40px 30px 10px 30px;
	width:310px;
	font-size:11px;
	color:#fff;
}
 
/* a .label element inside tooltip */
.tooltip .label {
	color:yellow;
}
 
.tooltip a {
	color:yellow;
	font-size:11px;
	font-weight:bold;
}

.tooltip .tooltiptext {
	color:white;
	font-size:11px;
}

.formSection{
	margin:25px 25px 0 25px;
}

.formItem{
	position:relative;
	margin-bottom:5px;
        height: 22px;
}

.formField{
	position:absolute;
	left:110px;
	top:0;       
}

.formFieldError{
	position:absolute;
	left:110px;
	top:0;
        border-style : solid;
        border-color : #ff0000;
}

.formLabel{
	width:100px;
	text-align:right;
}

.formButton{
	margin-left:110px;
} 

.keyline {
  color: #666;
  background-color: #666;
  height: 1px;
  margin: 2px 0px 2px 0px;
}

/* History */



#historybar {margin:auto; width: 100%; min-height: 220px; }

#history {
	width:960px;
        margin: auto;
	height:220px;
	padding:10px 0px 0px 0px;
	background:#cfc2c9;
}

.historyPanel {
	position:relative;
	width:130px;
	height:150px;
	float:left;
	margin-right:10px;
	margin-left:10px;
	font-size:9pt;
	background-color:white;
        padding: 15px 5px 0px 5px;
}

#history a:link, #footer a:visited {color: #330033; text-decoration:none }
#history a:hover {color:#a91a49;  }