/* @override 
	http://www.terratraditions.com/wholesale/templates/styles/*.css
	https://www.terratraditions.com/wholesale/templates/styles/*.css
*/

/* --- css reset / ins,small,abbr,acronym,del,dfn,code,samp,kbd,tt,var,address left as default or defined in generic style instead of being unnecessarily added in reset --- */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,b,i,img,q,sub,sup,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,thead,tbody,tfoot,th,tr,td,hr {margin:0;padding:0; border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}/* --- not reset for strong, em --- */
/* 10/12/08 removed caption from there as  the vertical-align rule prevented aving a bottom caption in ie6 */
a,a:link,a:visited,a:hover,a:active,a:focus { color:inherit; border: inherit;}/* --- IE inherit override (border:inherit; fix IE Win issues w/underline using border element) Note: IE seems to lack inherit support while firefox and safari extend inherit rules too far down the line to <a> tags --- */
a img,a input,a span,li a{ text-decoration: none; border: none !important; } /* --- reset border and decoration to none for these tags (!important rule needed for ff and safari or else it inherits wrongly from border specs in other classes applied to the <a> tag) NOTE: override with !important will be needed to apply borders on <a> tags associated with these elements --- */
table { border-collapse:collapse; border-spacing:0; empty-cells: show;}/* --- cellspacing="0" / table shared cell borders and always visible  (only inside html) --- */
div { float: inherit; }/* --- standardardization to simplify code and better handle float (avoid float repetitions and substitute the need for silly Clearing Hacks 'clearfix') --- */
q { quotes:none }/* --- remove default quotes  --- */
ol,ul { list-style:none; }/* --- remove list markers  --- */
input, select, textarea { margin:0; padding:0; }/* --- reset form input spacing (styling/border left default)  --- */
input[type='hidden'] { display:none; }/* --- address vertical spacing issues (for ie will put .hd class in addition --- */
/* --- strict xhtml and deprecated html 4 tag warnings--- */
center,font,u,s,strike,applet,basefont,blink,dir,isindex,marquee,menu,nobr,xmp { color:red; background-color: yellow; }
/* --- generic hexa css --- */
html { width: 100%; font-weight: normal; margin-bottom: 1px;}/* --- perm vscroll --- */
abbr,acronym { text-transform:uppercase; font-size:92%; }/* --- small caps --- */
abbr[title], acronym[title], dfn[title] { cursor: help; border-bottom: 1px solid #ccc; }/* --- links default style --- */
blockquote { line-height: inherit; width:94%; margin: 0.5em auto 1.25em; padding: 0.5em 3% 0.75em;float: left;display: block;clear:both; }/* --- blockquote style --- */
blockquote cite { float: right; text-align: right; padding: 0.5em 0; width:95%; display: block; clear:both;}/* --- sub-block to mention author using inline <cite> tag --- */
blockquote > *:before { content: "\201C"; font-size: 2.5em; color:#ccc; line-height: 0.1em; vertical-align:bottom; letter-spacing: 0.1em}/* --- start quote --- */
blockquote > *:after { content: " \201D"; font-size: 2.5em; color:#ccc; line-height: 0; vertical-align:bottom; }/* --- end quote --- */
del { text-decoration: line-through; color: #666; }/* --- shaded gray w/line through default --- */
dfn, ins { text-decoration:none; border-bottom: 1px solid #ccc; } dfn { font-style: italic; }/* --- non italic underline default --- */
samp, kbd, pre, tt { font-size: 1.2em; font-family: courier; color:#000;}/* --- black style courier default --- */
code { font-size: 1em; font-family: monaco; color:#000;}/* --- black style monaco default --- */
big { font-size: 125%; line-height: 80%; }/* --- keep line leading  --- */ small { font-size: 92%; line-height: 1.2em;}
pre { white-space: pre; } pre * { font-size: 100%; white-space: pre; }
sub,sup { font-size: 85%; line-height: 100%; display:inline-block; }/* --- keep line leading intact --- */ sup { vertical-align: top; }/* --- keep inline --- */ 
q { quotes: "\201C" "\201D" "\2018" "\2019"; } /* --- quote style  --- */
*[lang|='en-us'] q:before { content:'\201C'; } *[lang|='en-us'] q:after { content:'\201D'; } *[lang|='en-us'] q q:before { content:'\2018'; } *[lang|='en-us'] q q:after  { content:'\2019'; } /* --- safari quote support --- */
input[type='button'],input[type='submit'],input[type='checkbox'],input[type='radio'],input[type='reset'],select,button, input.button { cursor: pointer; }/* --- force pointer --- */
/* --- emt --- */
ins.e { direction:rtl; unicode-bidi:bidi-override; word-spacing: -0.25em; text-transform: lowercase; border: none;}
ins.mt { text-decoration: none; border: none; text-transform: lowercase;}
/* --- csshover.htc --- */
body { behavior:url("../../../js/ie.htc"); }
/* --- a.htc (iepngfix.htc) --- */
.a { behavior: url("../../../js/a.htc") } /* --- custom generic classes --- */
.fl { float: left; }
.flc { float: left; clear:left; }
.fr { float: right; }
.frc { float: right; clear:right; }
.fn { float: none; }
.fcc { display: block;clear:both; margin:  0 auto; }
.hb { background: none; }/* --- hide background  --- */
.hd { display:none; }/* --- hide  --- */
.hv { visibility:hidden; }/* --- make invisible  --- */
.abs { position: absolute; }
.lb { padding-bottom: 0px; display: block; visibility:hidden; }/* --- conditional line break class for static fill in --- */
/* --- base site styles --- */
a,a:link,a:active,a:focus { color:#a2cbff; text-decoration: none;}/* --- links default style no a:visited,a:hover here so that they hover and visited are not inherited when not set per element in ie6 (defaulting to a only) --- */
b { font-style:normal; }/* --- used for boxes and special chars inserts  --- */
br { font-size: 8px;line-height: 8px; }/* --- defined standard min height for separators (blank content filler) --- */
hr { height: 1px; background: #ccc; color: #ccc; }/* --- full underline for titles --- */
i {	font-style: normal; }/* --- list usage for 'current' class or general styling  --- */
blockquote { background-color: #2f3f64; border-top: 1px solid #56709f; border-bottom: 1px solid #56709f;}
img { float: left; vertical-align:top; }/* --- left top alignment  --- */
p a { overflow: hidden; }/* --- word-wrap: break-word; for paragraph links in non IE browsers  --- */

/* --- form style --- */
label { }
legend { text-transform: capitalize; padding: 0 0.5em; }
/* --- default input font/color --- */
input, select, textarea { color: #111;
font: 12px "Lucida Grande", Lucida Sans, Lucida, Verdana, sans-serif;
margin:0.1em 0; } /* padding redefined (border to be used as outline) */
input.checkbox, input.radio{ margin-right: 0.5em;}
input.text{ min-width: 200px; text-align: left;}
input.button, input.submit, input.reset { font-size:92%;color:#f0ecbb; background-color: #19223e; text-align: center; padding: 0.2em 0.5em; border: 1px outset #2b3a55; }
input.button:active, input.submit:active, input.reset:active { color:#f0ecbb; background-color: #19223e; text-align: center; border: 1px inset #2b3a55; }
input.button:hover,input.submit:hover, input.reset:hover {color:#fff; cursor: pointer; /* ie pointer */}

input[type='button'].small, input[type='submit'].small, input.button.small{ }
input.sm { font-size: 0.92em;}
select.sm { font-size: 0.92em;}

.min { font-size:50%;}
.med { font-size:92%; }
.max { font-size:150%; }
.s4{ font-size: 4px;line-height: 4px;}
.s10{ font-size: 10px;line-height: 10px;}

.isk{ width: 118px; }
.iss{ width: 110px; }
.ist{ width: 110px; }
.isc{ width: 97px; }
.isz{ width: 50px; }

/* --- structure --- */
html {
	background-color:#060433;
	margin-bottom: 20px; }/* --- cut repeat from body background (used with bottom repeat)--- */
body {
	background-color:#060433;
	background-image: url(../../../i/b/bg_body.gif);
	background-repeat: repeat-y;
	background-position: center bottom;
	font-family:Arial, sans-serif;
	font-size:11px;
	color:#ebf3ff;
	text-align:center; }
#page{
	width: 980px;
	background-color:#333e5e;
	text-align: left;
	margin:0 auto;
	overflow: hidden;}
#header{
	width: 100%;
	background-color:#333e5e;
	float: none;
	clear: both;}
#header div{/* refloat to default */
	float: left;}
#top{
	height: 90px; }
#logo{
	width: 730px; }
#icons {
	height: 38px;
	margin: 12px 0 15px 19px;}
#icons img{
	margin-left: 10px;}
#brand{
	width: 250px;
	height: 60px;
	float: right; }
#pers{
	color: #e7db92;
	font-style: bold;
	width: 235px;
	margin-right: 15px;
	float: right;
	text-align: right;
	font-size: 12px;}
#top_nav {
	background-image: url(../../../i/b/bg_guarantee.png);
	background-repeat: no-repeat;
	width: 100%;
	height:25px;
	float:left;}

#top_nav input {
	margin:0.1em 0;
	float: left; }
#top_menu {
	height:30px;}
#sub_nav {
	background-image: url(../../../i/b/bg_subnav.gif);
	background-repeat: no-repeat;
	width: 100%;
	height:100px;
	float:left;}
#sub_nav div {
	padding-top: 9px;}
#sub_nav input{
	float: left;}
#sub_search {
	width: 150px;
	padding-left: 10px;
	float:left;}
#sub_find {
	width: 385px;
	padding-left: 15px;
	padding-right: 10px;
	float:left;}
#sub_find fieldset{
	margin-bottom: 8px;}
#sub_find input{
	margin: 0 7px 0 5px;}
#sub_find label{
	color: #cfb663;
	font-size: 11px;
	float: left;
	line-height: 20px;
	vertical-align: middle;}
#sub_find input.btn{
	margin-top: -1px;
	width: 100px;
	font-size: 11px;
	float:right;}
#sub_sell {
	width: 385px;
	padding-left: 15px;
	padding-right: 10px;
	float:left;}
#sub_sell p{
	color: #bddffd;
	font-size: 12px;
	line-height: 17px;
	width: 275px;
	float:left;}
#sub_sell p a{
	color: #bddffd;}
#sub_sell span.btn{
	width: 75px;
	margin-top:27px;
	font-size: 11px;
	float:right;}
h6 {
	font-size: 14px;
	margin-bottom: 8px;}
#wrap{/* --- wm, wr, wb --- */
	width: 100%;
	float: none;
	clear: both;
	background-color:#637aa8;
	background-image: url(../../../i/b/bg_wrap.gif);
	background-position: center top;
	background-repeat: repeat-y;
	overflow: hidden;}/* --- equal height column backgrounds --- */
#wrap.checkout, #wrap.show, #wrap.stores, #wrap.home {/* remove right column background */
	background-color:#2c3558 !important; }
#index{
	background-image: url(../../../i/b/bg_index.png);
	background-repeat: no-repeat;
	height:550px;}
#left{
	background-color: #5d71a0;
	width: 160px;
	float:left;
	overflow: hidden;}
#main{/* 2 columns main container */
	width: 820px;
	float:left;}
#center{
	width:660px;
	min-height: 450px;}
.main{
	width:820px !important;
	background-color:#2c3558 !important;}
.ci{
 	width: 240px;
	height: 240px;
	float: right;
	clear: right;
	padding: 0 10px;}
#right{/* force right */
	background-color: #56709f;
	width: 160px;
	float:right;
	overflow: hidden;}
#footer{
	width: 980px;
	margin:0 auto;}
#pga{/* page after*/
	height: 10px;
	margin:0 auto;
	background-color:#060433;
	background: url(../../../i/b/bg_bodyafter.gif) no-repeat center top;}
#ref{
	margin:0 auto;
	background-color:#060433;}
#trc{/* tracking */
	height: 20px;
	margin:0 auto;}

/* base 22px high button with one image for all sizes */
.btn a, input.btn, button.btn {
	height: 22px;/* req for ie6 (prevent background ghost issues with pngfix)*/
	line-height: 22px; /* v align */
	display: block; /* h centering */
	float:none;/* no padding here */
	text-align: center;
	font-weight: bold;
	background-position: left top;
	border-width: 1px;
}
.btn a:hover, input.btn:hover, button.btn:hover {  /* base button hover pos */
	background-position: left 40px;}
.btn a:active, input.btn:active, button.btn:active { /* base button active state pos */
	background-position: left 60px; }
.btn.bm a, input.bm, button.bm{
	line-height: 22px;
	padding:0 6px;}/* IMPORTANT: Float required in parent element for correct height of btns with no actual defined height (valign not being supported here) float and line-height is our method for sizing e.g. #basket span a {
float: right;} */
input.bm{
	height: 24px;}
.btn.bn a, input.bn, button.bn{
	line-height: 18px;
	padding:0 4px;}

/* button color styles w/single image (rounded, fixed height) */
.btn.blue a, input.btn.blue, button.btn.blue {
	background-image: url(../../../i/b/btn_blue.gif);
	color: #313f69;
	border: 1px solid #8eaedb;
}
.btn.yel a, input.btn.yel, button.btn.yel {
	background-image: url(../../../i/b/btn_y.gif);
	color: #5b3100;
	border: 1px solid #ffbf00;
}
button.btn.grey {
	color: #313f69;
	border: 1px solid #8eaedb;
}

.padd {
	width: 98%;
	padding: 8px 1%;
	background-color:#2c3558;}
.marg {
	width: 98%;
	margin: 8px 1%;}
.full {
	width: 100%; }/* no inner padding for same tag */
.half {
	width: 50%; }/* no inner padding */
.split {
	width: 47%;
	padding: 10px 1.5%;}
.fill {
	/* min-height: 175px; */
	background-color: #19223e;
	float: left; }/* float req for form */
table.fill {
	background-color: #19223e;}
/* table classes */
form { vertical-align:top; }
caption,th,td { text-align:left; }
fieldset {}

.form{}/* th right td left */
.list{}/* left aligned formatted*/
.data{}/* th right td center*/
.stat{}/* th left td right */

.vlines {}
.hlines {}

table{
	width: 100%;
	float: left;
	clear: both;}
tbody {}
caption {
	caption-side:bottom;
	line-height: 26px;}
.stores caption {
	line-height: 10px;}
/*  set with align="bottom" for ie6 which also ignores caption margins*/
caption a{
	font-size: 10px;}
#basket table{
	background-color: #2e3b60;}
.box tr{
	border-top: 1px dashed #3f5c7f;
	padding-bottom: 2px;}
tr.topheader{
	color: #f0ecbb;
	background-color: #19223e;
	text-align: center;
	border: hidden;}
.box td{
	font-size: 12px;
	text-align: center;
	vertical-align: top;
	padding:5px 2px;}
.box th{
	color: #f0ecbb;
	font-weight: normal;
	background-color: #19223e;
	text-align: right;
	padding:5px 2px;
	border: hidden;}

.hlform{}
.hlform th{
	min-width: 150px;
	width: 25%;
	padding-right: 5px;
	vertical-align: middle; }
.hlform thead tr{
	border-top: none; }
.hlform .half th{
	min-width: 120px;
	width: 31%; }
.hlform td{
	text-align: left;
	vertical-align: middle; }
.hlform caption {
	text-align: left;
	padding: 10px 0 25px 157px;}
.hlform .half caption {
	text-align: left;
	padding-left: 127px;}

.topheader th{
	color: #f0ecbb;
	background-color: #19223e;
	text-align: center;
	border: hidden;}
.topheader td{
	color: #f0ecbb;
	background-color: #19223e;
	border: hidden;}
.inactive, .active {
	line-height: 22px;
	text-align: center;}
.inactive a, .active a {
	color: #2e3b60;}
th.inactive{
	color: #fff;
	font-weight: bold;
	background-color: #2e3b60;
	width: 25%; }
td.inactive{
	font-weight: bold;
	background-color: #9ea8c9; }
th.active{
	color: #fffcf9;
	font-weight: bold;
	background-color: transparent; }
td.active{
	color: #fff;
	font-weight: bold;
	background-color: #56709f; }
#basket .desc {
	text-align: left;
	vertical-align: middle;
	padding-left: 4px; }
#checkout_order .desc, #show_invoice .desc {
	text-align: left;
	padding-left: 0px; }

/* Notification Box (action returns usually on top of page) */
#ntfbox {
	width: 100%;
	text-align: center;
	font-size: 13px;
	color: #222;
	margin-bottom: 6px;
	padding: 5px 0;
	float: left;
	clear: both;}
/* bg issue with ie6 on #id.class */
.warning{ /* action needed */
	font-weight: bold;
	background-color: #ffefe0;
	border: 1px solid #bf6600;}
.notice { /* action may be needed */
	background-color: #ffeddc;
	border: 1px solid #bf6600;
	font-weight: bold;
	color: #f0ecbb;
	line-height: 20px}
.notice strong {
	font-weight: normal;
	color: #bf6600;}
.ntf {
	line-height: 20px;
	font-weight: normal;
	color: #f80;
	font-size: 12px;}
.error{ font-weight: bold; }
.success{ /* action completed */
	background-color:#a2cbff;
	border: 1px solid #2c4d90;}
/* notifications */
.msg {}
.confirm {} /* button? */
.reminder{}
.note {}/* asterisk */
.important{} /* ! */
.required{}
.nb {}

/* custom tt */
.empty {}
.info {}
.disabled {}
.canceled {}

/* styles for forms */
.hlform input, .hlform select, .hlform 
input, select, textarea {}
input.text{}
input.checkbox{}

/* */
#top_nav ul { /* background usage */
	background-image: url(../../../i/b/bg_navbar.gif);
	text-align: center;}
#top_nav li {
	display: inline; }
#top_nav li a {
	line-height: 25px;
	font-size: 12px;
	letter-spacing: 1px;
	color: #fffffa; }
#top_nav li i {/* separator */
	font-family: Webdings;
	font-size:13px;}
/* needs &nbsp; on each side to avoid overlapping  issue (gap between safari and ff2/ie6 */
#user{
	background-color: #56709f;
	width: 160px;
	height: 30px;
	float: left;}
#user_menu {
	background-color: #19223e;
	width: 820px;
	height:30px;
	float: right; }
#user_menu ul { /* background usage */
	text-align: left;
	padding: 8px 5px 0 5px;}
#user_menu li {
	font-size: 11px;
	font-weight: bold;
	padding: 0 8px;
	border-left: 1px solid #ddd;/* separator */
	display: inline;/* no vertical-align: middle support for ie (using top ul padding for cross-comp.)*/}
#user_menu li.f-c {
	border-left: none; }
#user_menu li a {
	font-size: 11px;
	color: #8baed8; }
#user_menu li a:hover {
	color: #8baed8; }

div.btns{/* #basket div.btns vs. #basket .btns required for ie mac to set width for proper floating of btn elements (float inherited) */
	width: 100%;
	margin-top: 8px;}
#basket span.btn a, #checkout_order span.btn a{
	margin-left: 8px;
	float: right;}
#basket input.sm{
	margin: 4px auto 6px;}

#bottom_menu {
	background-image: url(../../../i/b/bg_navbar.gif);
	width: 980px;
	height: 25px;}
#bottom_menu ul {
	text-align: center;
	margin: 0 auto;}
#bottom_menu li {
	font-size:12px;
	line-height: 25px;
	display: inline; }
#bottom_menu li a {
	color: #fffffa; }
#bottom_menu li i {/* separator */
	font-size:13px;
	padding: 0 8px 0 8px;
	color: #dcce7e;
}
#footnote {
	background-image: url(../../../i/b/bg_foot.gif);
	width: 100%;
	height:60px;}
#footnote p {
	color:#8baed8;
	padding: 10px 20px 0 20px;}
#footnote ul{
	float: right;
	height:  60px;}
#footnote li a {
	color: #ff6067;}
#footnote li {
	float: left;
	padding: 0 20px 0 10px;}
#footnote li i{
	text-align: left;
	width: 305px;
	float: left;
	padding: 5px 20px 5px 0;
	line-height: 15px;}
#footnote li img{
/* ie6 padding extend png instead */}
#copyright {
	width: 100%;
	height: 20px;}
#copyright ul {
	background-image: url(../../../i/b/bg_footnav.gif);
	padding: 0 10px;
	text-align: left;}
#copyright li {
	color: #f0ecbb;
	line-height: 20px;
	display: inline; }
#copyright li a {
	color: #f0ecbb; }
#copyright li i {
	padding: 0 4px 0 2px;}
#copyright li.f-c {}

#left_menu{
	width: 160px; }
#cat_menu{
	width: 100%;}
h5 {
	background-image: url(../../../i/b/bg_menu.png);
	text-align: center;
	line-height: 28px;}
/*no height or width necessary with line height ?? */
#cat_menu ul{
	font-size: 12px;
	padding:10px 0 10px 14px;}
#cat_menu li {}
.c0 { line-height: 19px; }
.c0 a { color: #090a35; font-weight: bold; }
.c0 a:hover { color: #e4d9a4; }
.c0 i a { color: #e7db92; }
.c0 i a:hover { color:#e7db92; }
.c1 { padding:0 0 5px 9px; }
.c1 a { color: #f9fbff; }
.c1 a:hover { color: #99c5ff; }
.c1 i { font-weight: bolder; }
.c1 i a { color: #101240; }
.c1 i a:hover { color:#101240; }
.c2 { padding:0 0 3px 10px; }
.c2e { padding:0 0 8px 10px; }
.c2 a { color: #fff; }
.c2 a:hover { color:#a2cbff; }
.c2 i { font-weight: normal; }
.c2 i a { color:#a2cbff; }
.c1 i a:hover { color:#a2cbff; }


#top_right_menu{}
#affiliate_menu{}
#shopping_bag {}
#currency_menu{}
#language_menu{}

/******** 3.2) SPECIFIC PAGES styles **************/
#brand .btn {/* fixed width method */
	width: 120px;
	margin: 5px 8px 13px 7px;
	float:right; }
#search{
	margin: 2px 0 20px 8px; }
#search input{
	float: left;}
#breadcrumb{
	background-image: url(../../../i/b/bg_path.png);
	width:100%;
	height:28px;
	color: #303957;
	float: left;}
#breadcrumb div{
	padding-left:10px;
	line-height:28px;}
#breadcrumb a{
	font-size: 13px;
	color: #303957; }
#user_name{
	float:right;
	width: 305px;
	height: 24px;
	clear:none;
	padding-top: 4px; }
#breadcrumb h1{
	font-size: 14px; 
	line-height: 28px;}
h2{
	color: #56709f;
	font-weight: bold;
	font-size: 14px;}
/* :link required for headings*/
#content{
	min-width: 640px;
	max-width: 800px;
	background-color: #222b4c;
	margin: 8px 10px 4px 10px;}
/* c section */
.c {
	min-height:360px;}
.main .c{
	min-height:100px;}
.c p {
	padding: 0.9em 1em 0.35em 1em;
	font-size: 12px;
	line-height: 1.5em;}
.c blockquote {
	width:94%;
	margin: 0.5em 2% 1.25em;
	padding: 0.5em 2% 0.5em 0;
	font-size: 12px;
	line-height: 1.5em; }
/* no left and right padding (ff cancels it */
.c p a{
	color: #8baed8;}
.c p a:hover{
	color: #e7db92;}
.c ul {
	text-indent: 1em;
	padding-top: 0.7em;
	list-style-type: disc;
	list-style-position: inside;}
.cs {
	color: #fefefe;
	font-size: 12px;
	padding: 1em 0 1em 1.5%;
	width: 98.5%;
	float: left;}
.cs h2 {
	padding: 0.25em 0 0.25em 0.4em;
	color: #9dc7fc;}
.cs h3 {
	padding: 1.6em 0 0 1em;
	color: #e7db92;
	font-weight: bold;}
.cs p a{
	color: #9dc7fc;
	font-weight: bold;}
.cs strong {
	color: #fdf3c3;
	font-weight: normal;
	font-style: normal;}
.cs ul {
	text-indent: 2em;
	line-height:1.5em;}
p img {
	float: right;
	padding: 0 10px 10px 10px;}
.store{
	width: 800px;
	text-align: center;
	margin: 0 10px;}
.store ul{
	width: 800px;
	text-align: center;
	border-top: 1px dashed #333e5e;
	float: left;}
.store ul.f-c{
	border-top: none;}
.store li{
	width: 50%;
	text-align: left;
	float: left;
	padding: 5px 0;}
/* position absolute to make rect area clickable */
.store dt a {
	width: 395px;
	height: 200px;
	position: absolute;
	overflow: hidden;
/* prevents shifts */}
.store img {
	width: 640px;
	height: 200px;
	clip:rect(0px 400px 200px 0px);
	position: absolute;
	overflow: hidden;}
.store a strong{
	padding-top: 4px;
	padding-left: 5px;
	font-family: Lucida Grande, Lucida Sans Unicode, Lucida Sans;
	font-size: 13px;
	word-spacing: 1px;
	color: #e7db92;
	position: absolute;}
.store a:hover strong{
	color: #fff;}
.store dd {
	font-family: Lucida Grande, Lucida Sans Unicode, Lucida Sans;
	padding: 205px 5px 5px 10px;
	color: #d8d8d8;}
.store dd a {
	color: #fefff8;}
.store dd a:hover{
	color: #e7db92;}
.cat{
	width: 790px;
	text-align: center;
	margin: 0 15px;}
.cat ul{
	width: 790px;
	text-align: center;
	border-top: 1px dashed #3f5c7f;
	float: left;}
.cat ul.f-c{
	border-top: none;}
.cat li{
	width: 50%;
	text-align: left;
	float: left;
	padding: 5px 0;}
.cat dl {
	font-family: Lucida Grande, Lucida Sans Unicode, Lucida Sans;
	height: 152px;
/* height shift absolute positions */}
.cat dt a {
	width: 295px;
	height: 150px;
	position: absolute;
	overflow: hidden;
/* clickable area */}
.cat img {
	width: 480px;
	height: 150px;
	clip:rect(0px 300px 150px 0px);
	position: absolute;
	overflow: hidden;}
.cat a{
	font-family: Lucida Grande, Lucida Sans Unicode, Lucida Sans;
	font-size: 11px;
	word-spacing: 1px;
	color: #fff;}
.cat dd {
	width: 100px;
	float: right;}
.cat dd ul{
	width: 90px;
	padding-top: 5px;
	border-top: none;
	float: right;
	position: absolute;}
.cat dd li {
	width: 100%;
	padding: 2px 0 2px 6px;}
.cat dd a {
	position: relative;
	color: #8baed8;}
.cat dd a:hover{
	color: #e7db92;}
#prc {
	background: url(../../../i/b/bg_cat.png) repeat-y center top;
	width: 640px;
	height: 200px;
	padding: 5px 10px;}
.prc img {
	position: absolute;}
.prc h1 {
	font-family: Lucida Grande, Lucida Sans Unicode, Lucida Sans;
	font-size: 13px;
	word-spacing: 1px;
	margin-top: 4px;
	margin-left: 4px;
	position: absolute;}
.prc p{
	font-size: 12px;
	line-height: 14px;
	width: 240px;
	padding: 10px 0 0 400px;}
.prc strong{
	font-size: 12px;}
.prs {
	width: 640px;
	padding: 6px 10px 0 10px;}
.prs {
	font-size: 12px;
	font-variant: small-caps;
	line-height: 12px;
	letter-spacing: 1px;}
.prs h3{
	float: left;
	color: #a2cbff;}
.prs a {
	color: #e5f0ff;
	float: right;}
.prl{
	width: 640px;
	text-align: center;
	padding: 2px 10px 4px 10px;}
.prl ul{
	width: 640px;
	text-align: center;
	float: left;
	clear: none;
	border-top: 1px dashed #3f5c7f;}
.prl ul.f-c{
	border-top: none;}
.prl li{
	width: 50%;
	text-align: left;
	display: inline;
	float: left;
	padding: 5px 0;}
.prl img {
	width: 120px;
	float: left;
	padding-right: 10px; }
.prl dl{
	font-size: 12px;}
.prl dt{}
.prl dt strong{
	color: #a2cbff;
	display: block;
	padding-top: 1px;
	padding-bottom: 1px;}
.prl dd{
	color: #c1dafa;
	word-spacing: 1px;
	padding-right: 8px;
	padding-bottom: 1px;}
.prl dt a{
	color: #fff;}/* adjustment to anchors within the faux column containing block */
.prl dt i{
	color: #fcfeaf;}
.prl dt a:hover{
	color: #fcfeaf;}
.prl dt em {
	color: #fff;
}/* adjustment to anchors within the faux column containing block */
.variant {
	width: 180px}

.prd{
	text-align: left;
	padding-top: 20px;
	padding-bottom: 4px;
	width: 660px;
	height: auto;}
.prd img{
	padding: 0 20px 20px 20px;
	width: 240px;}
.prd h1{
	padding-top: 6px;
	font-size: 16px; }
.prd dl{
	font-size: 13px;
	padding: 4px 0;
	width: 370px;
	float: right;}
.prd dt{
	color: #fcfeaf;	
	padding-top: 4px;}
.prd dd{
	padding:2px 0;}
.prd form div {
	margin-top: 5px;
	background-color: #3e486e;
	padding: 10px 10px;
	float: left;}
.prd select {
	font-size: 12px;}
.prd div a{
	font-size: 13px;}

.prd_foot{}

#pgn{
	width: 660px;}/* no height */
.pgn{
	width: 100%;
	float: right;
	margin-top: 10px;}
.pgn ul{
	font-size: 13px;
	text-align: right;
	margin-bottom:15px;
	padding: 2px 0;
}/* padding-top and bottom 2px required for ie6 to show top border */
.pgn li{
	display: inline; }
.pgn li.f-c {/* first child */
	width: 155px;
	font-size: 11px;
	text-align: right;
	padding-left: 50px;
	padding-right: 20px;
	float:right;}
.pgn li a{
	padding: 1px 5px;
	border: 1px solid #9aafe5 !important;
	color: #99c0ef;
	background-color: #445b84;}
.pgn li a:hover, .pgn li a:active{
	border-color: #9aafe5 !important;
	color: #fff;
	background-color: #56709f; }
.pgn li i {
	padding: 1px 5px;
	border: 1px solid #9aafe5 !important;
	background-color: #2b3a55;
	color: #fff;
	font-weight: normal;}
.pgn li.i a {
	color: #fff;
	border: none !important;
	background: none !important;
	font-size: 13px; 
	font-weight: bold;}
.pgn li.i a:hover {
	color: #fbe863;
	font-weight: bold;}

#right_menu{}
#cart {
	float: right;}
.cart{
	width:100%;}
.cart dl {
	font-size: 11px;
	padding: 5px 4px 10px 10px}
.cart dt {
	padding-top: 7px;
	color: #060433;}
.cart dt strong {
	font-size: 12px;
	color:#fff;}
.cart dd {
	padding-top: 1px;
	color:#0f193e;}
.cart dd strong {
	color:#060433;}
.cart div {
	text-align: center;
	font-size: 12px;
	padding: 8px 4px 8px 15px;
	float: left;}
.cart div a:hover{
	color: #fcfeaf;}

h4 {
	background-attachment: inherit;
	color: #808080;
	font-size: 11px;
	font-weight: bold;
	height: 16px;
	padding-top: 4px;
	padding-left: 10px; }
#footnote p {
	text-align: left;
	padding: 0.9em 10px 0.35em;
	line-height: 1.75em;
	clear: both;
	width:95%;}
#access_denied{}
#account table{
	text-align: left;}
#account_orders{}
#affiliate{}
#basket{}
#affiliate_retail form {}
#checkout{}
#checkout_address form{
	width: 100%;}
/* required for ff2 only */
#checkout_completed{}
#checkout_order{}
#checkout_payment_method{}
#checkout_payment_methods{}
#checkout_shipping{}
#checkout_status {
	padding-bottom:0 !important;}
#catalog{}
#storefront{
	background: url(../../../i/b/bg_ctl.png) repeat-y center top;}

/* My Comment */
#forgot_password{}
#home{}
#login_page{}
#newsletter{}
#products{}
#product_details{}
#static_content{}
#show_invoice{}
#signup{}
/******** 3.3) other functional-parts styles **************/
/* alphabetically ordered */
#copyright{}
#login{}
#most_popular{}
#newest_products{}
#powered_by{}
#products_by_attribute{}
#thumbnail{}
#top_seller{}