/* ::: Z-index's,  all placed up here for handy reference::: */
#tabs ul li{z-index:800;}
#tabs ul li ul{z-index:900;}
#right dl{z-index:1;}


/*mooldabox */
#mb_overlay {z-index:9999;}
#mb_center {z-index:9999;}
#mb_bottom{z-index:9999;}

/*slimbox */
#lbOverlay {z-index:9999;}
#lbCenter {z-index:9999;}
#lbBottomContainer {z-index:9999;}
#lbImage {z-index:9999;}
#lbPrevLink, #lbNextLink  {z-index:9999;}

/* ::: Z-index's END ::: */


/* :::: General Rules :::: */
*{margin:0; padding:0;}

.hide {display:none;}

/* All images are set to Block, i.e. no spacing around them and text won't be on the same line */
img{ display:block; border:0; margin:0; padding:0;}

/* Use this class to make images inline with text or other images */
.inline{display:inline;}

/* Use block if you like too... */
.block{display:block;}

/* Clear styles */
.clear{clear:both;}

/* Other stuff.. */
abbr{border:0;}
acronym{border:0; outline:0;}

ul, li{list-style:none;}


/* Form Styling */
form {margin:0; padding:0; border:0;}
form input {margin:0; padding:0; background:none;}
form option{margin:0; padding:0 10px 0 0; }
form .button {margin:0; padding:0; border:0; vertical-align:top; width:auto;}
fieldset {margin:0; padding:0; border:0;}
legend {display:none; margin:0; padding:0; border:0;}

/* :::: General Rules END :::: */

/* :::::::: TYPOGRAPHY :::::::: */

/* Standard Links */
/* Notice the outline:none - It gets rid of crappy outlines when clicking...*/
a{color:#000; text-decoration:none; outline:none;}
a:hover {color:#666; text-decoration:none;}
a:active{outline:none;}
a:focus{outline:none; -moz-outline-style:none;}

a.nobg:hover{background:0; padding:0;}

a.aunder{text-decoration:underline}
a.aunder:hover{text-decoration:none}

a.dotted{text-decoration:none; padding-bottom:1px; background:url(../img/bg/dot_h.gif) repeat-x bottom; }
a.dotted:hover{text-decoration:none; background:0;}

.large{font-weight:bold; letter-spacing:-1px; }
h1.large{font-size:290%; }
h2.large{font-size:220%; }
h2.thinstyle{font-size:155%; letter-spacing:-1px; line-height:26px; font-weight:lighter}
h2.midstyle{font-size:155%; letter-spacing:-1px; line-height:26px; font-weight:medium}

h3, h4{font-size:small;}
h4.lrg{font-size:medium; letter-spacing:-1px; font-family:Arial;}

p{margin:0 0 12px 0;}

.toptro{font-weight:bold; font-size:16px; line-height:18px; letter-spacing:-1px; font-family:Arial;}

.smalltxt{font-size:x-small; font-weight:normal; letter-spacing:0;} /* used with toptro for example */

.bigb{font-size:28px; color:#000;}

/* :::::::: TYPOGRAPHY END :::::::: */

/* Mind and Body...*/
html {height:100.1%;} 
body{
 	height:100.1%;font-family:arial; font-size:small;
}

/* :::::::: GRID ::::::: */

#wrapper{position:relative;min-height:100%;}
#box{position:relative;  margin:0 auto; width:991px;}

#top{position:relative; height:115px;}

#mainwrap{float:left; width:100%; margin:0 -220px 10px 0; padding:0 0 161px 0; }	

#subwrap{margin:0 auto; width:900px; min-height:450px; _height:450px; padding:0 0 142px 0; }

#maincontent{min-height:850px; _height:850px; margin:0 220px 0 0; }	

#container{float:right; width:100%; margin:0 0 0 -193px;  }	

#content{ margin:0 0 0 193px; padding:0 15px;}	

#left{float:left; width:183px; padding:0 0 0 10px;}	

#right{float:right; width:210px; padding:0 10px 161px 0; position:relative;}

#footer{
	clear:both; padding:10px 0; border-top:1px solid #ccc;
	position:absolute;bottom:0; width:100%; height:121px;
}

/* grid mods  */
	.noleft #container{margin-left:0;}	
	.noleft #content{margin-left:0;}	
/**/

/* :::::::: GRID END :::::::*/


/* :::::::: Main Layout Areas  :::::::*/

/* Top */
#logo_top{
	
}

#logo_top a{
	display:block;
	background-position:top left; background-repeat:no-repeat;
}

#logo_top a:hover{background-position:bottom left;}


#links_right{
	float:right; font-size:11px; width:200px;
}

#links_right ul{
	padding:14px 30px 0 0;
}

#links_right ul li{
	margin:0 0 3px 0;
}

#links_right a{
	display:block; text-align:right;
}
#links_right a span{
	float:right; width:13px; height:7px; font-size:0; line-height:0; margin:4px 0 0 0; display:block; background:url(../img/icons/arrow_right.gif) no-repeat top right;
}
#links_right a:hover span{
	background-position:bottom right;
}


#links_left{
	float:left; font-size:11px; width:200px;
}

#links_left ul{
	padding:14px 30px 0 60px;
}

#links_left ul li{
	margin:0 0 3px 0;
}

#links_left a{
	display:block; text-align:right;
}
#links_left a span{
	float:right; width:13px; height:7px; font-size:0; line-height:0; margin:4px 0 0 0; display:block; background:url(../img/icons/arrow_right.gif) no-repeat top right;
}
#links_left a:hover span{
	background-position:bottom right;
}

/* Top END */

/* header */

/* header END */

/* Tabs */
#tabs{
	float:left; width:100%; margin:0 0 12px 0; 
	background-repeat:repeat-x; background-position:top;
	background-color:#ccc;
}

#tabs dt{
	float:left; width:210px; height:33px; 
	background-position:top right; background-repeat:no-repeat;
}


#tabs dd{
	float:left;
}

.landing #tabs dd{
	padding:8px 0 0 0;
}


#tabs li{
	float:left; position:relative; border-right:1px solid #fff; font-size:12px;
}

#tabs li a{
	display:block; padding:8px 10px 9px 10px; font-weight:bold; border-right:1px solid #ccc;
}

#tabs li a.curtab{color:#fff}


#tabsdrop{
	height:5px; line-height:0; font-size:0; background:url(../img/bg/tabs_drop.png) repeat-x top;
}


	/* tabs drop down */
	#tabs ul li ul{
		display:none; width:200px; height:auto; 
		padding:0;
		position:absolute; left:-2px;
	}
	
	#tabs ul li.clear_tabs ul{
		left:-118px;
	}
	
	#tabs ul li:hover ul, #tabs ul li.over ul{
		display:block;
	}
	
	#tabs ul li ul li {
		width:195px; height:auto; float:none; border:0; padding:0 4px 0 1px;
		background:#ccc; 
	}
	
	#tabs ul li.clear_tabs ul li{
		/*text-align:right;*/
	}
	
	
	#tabs ul li ul li a{
		display:block; width:166px; padding:5px 5px 6px 24px;
		border-right:0; background:#ccc;
	}
	
	
	#tabs ul li ul li a:hover{
		background:#ccc; border-right:0;
	}
	
	#tabs ul li ul li.tablibg{height:7px; font-size:0; line-height:0;background:#ccc}
	
	#tabs ul li ul li.nobtop{border-top:0;}
	#tabs ul li ul li.nobbot{border-bottom:0;}
	
	/* tabs drop down END */


/* Tabs END */

/* Left */
#left dl{
	margin:0 0 7px 0; padding:0 0 10px 0; position:relative; z-index:1;
	background-position:bottom left; background-repeat:no-repeat;
}


#left dt{
	padding:6px 0 5px 8px; font-weight:bold;
	background-repeat:no-repeat; backgound-position:top left;
	font-size:22px; letter-spacing:-1px; height:28px;
}



#left dd{
	min-height:110px; _height:110px; padding:0 10px 7px 10px; 
}

#left #left_menu dd{
	min-height:110px; _height:110px; padding:0 0 0 2px; 
}



#left #left_menu ul{

}

#left #left_menu ul li{
	border-bottom:1px solid #fff; width:180px;
}

#left #left_menu ul li a{
	display:block; width:134px; height:18px; padding:7px 5px 5px 40px; border-bottom:1px solid #ccc; 
	background-position:top left; background-repeat:no-repeat;
}

#left #left_menu ul li a:hover, #left #left_menu ul li.cur_l a{background-position:bottom left;}

#left #left_menu ul li.nobord, #left #left_menu ul li#l_pol a, #left #left_menu ul li#l_pol{
	border-bottom:0;
}

#left #left_menu ul li.nobord a{
	border-bottom:0; 
}




/* Left END */


/* Right */

#right dl{
	margin:0 0 7px 0; padding:0 0 10px 0; position:relative; z-index:1;
	background-position:bottom left; background-repeat:no-repeat;
}



#right dt{
	padding:6px 0 5px 8px; font-weight:bold;
	background-repeat:no-repeat; backgound-position:top left;
	font-size:22px; letter-spacing:-1px; height:28px;
}

#right dt span{
	width:100%; display:block; background-position:93% 0; background-repeat:no-repeat;
}


#right dd{
	min-height:110px; _height:110px; padding:0 10px 7px 10px; 
}

#right #right_newsletter dd{min-height:auto; _height:auto;}
#right #right_recent dd{min-height:10px; _height:10px;}

#right #right_showroom dd img{margin:0 0 10px 0;}

#right .txtfld{
	width:184px; height:21px; padding:3px 0 0 2px;
}


#right_myacc dd label{
	display:block; margin:0 0 2px 0; font-weight:bold; 
}
#right_myacc dd span.form{
	display:block; margin:0 0 5px 0
}


/* right form button */

/**/

/* right text button */

/**/

dl#right_bestsellers ol{
	margin:0 auto; width:190px;
}

dl#right_bestsellers ol li{
	width:190px; font-size:12px;
}

dl#right_bestsellers ol li a{
	display:block; padding:3px 5px;	width:180px; 
}

dl#right_secure p{
	padding:5px 60px 0 10px;
}

#myacc_overlay, #basket_overlay{
	position:absolute; left:0; top:0; z-index:9999; width:207px; height:200px; border:1px solid #ccc;
}

.basketloading{
	width:207px; height:200px; border:1px solid #ccc;
}

#right_basket ul{
	margin:0 0 10px 0;
}
#right_basket ul li{
	margin:0 0 3px 0;
}

#right_recent ul li{
	margin:0;
}


#right_recent ul li a{
	font-weight:bold; font-size:12px;
	padding:5px 0 5px 16px; display:block;
	background-position:0 7px; background-repeat:no-repeat;
}


/* basket styles */
dl#right_basket dd{
	min-height:40px; _height:40px;
}

dl#right_basket.basket_on dd{
	min-height:auto; _height:auto;
}


/**/

#secure_lock{
	background:url(../img/icons/lock.png) no-repeat top left; width:14px; height:14px; line-height:0; font-size:0;
	position:absolute; left:178px; top:-5px; z-index:10;
}

#secure_lock_bkt{
	background:url(../img/icons/lock.png) no-repeat top left; width:14px; height:14px; line-height:0; font-size:0;
	position:absolute; left:148px; top:-5px; z-index:10;
}


/* Right END */


/* Footer */
#footer p{
	margin:0;
}
#footer dl{
	width:938px; margin:0 auto; padding:0 0 10px 0;
	background:#ccc; 
	
}

#footer dl dt{
	font-size:0; line-height:0; height:11px;
}

#footer dl dd{
	padding:5px 10px;
}

#footer dl dd #footer_left{
	float:left; border-right:1px solid #ccc; padding:0 10px 10px 0;
}
#footer dl dd #footer_right{
	float:left;  padding:0 0 10px 10px;
}

#retail_sub_footer{
	padding:30px 0 20px 0;
}

#retail_sub_footer h3,#retail_sub_footer p{
	margin:0 auto 10px auto;
}


#cards_footer{
	float:right; width:179px; height:31px; padding:20px 0 0 0;
	background:url(../img/graphics/cards_footer.gif) no-repeat bottom left
}

/* Footer END */

/* :::::::: Main Layout Areas END :::::::*/


/* :::::::: Content :::::::: */

/* bcrumb */
#bcrumb{
	padding:3px 0 0 2px;
}
#bcrumb ul{
	list-style:none; display:inline;
}
#bcrumb ul li{
	list-style:none; display:inline; 
}
#bcrumb ul li a:hover{
	color:#999; text-decoration:underline;
}

/* :::::::: Content END :::::::: */

/* ::: Title Headers ::: */
.title_header{
	margin:0 0 10px 0; _height:45px; height:35px; min-height:35px;
}

h1.h1txt{_height:54px; height:54px; min-height:54px; }

.pricediv h1{_height:54px; height:54px; min-height:54px; }

/* ::: Title Headers END ::: */

/* :::: text Button Styles :::: */

/* new buttons */
.bw120 a.button{width:110px;}
.bw160 a.button{width:150px;}
.bw188 a.button{width:178px;}


.bh29 a.button{height:29px;}
.bh29 a.button span{line-height:19px;}



a.button {
	background-position:top right; background-repeat: no-repeat;
	color: #fff; display: block; /*float:left;*/
	height:34px; padding-right: 10px;
}

a.button:hover, a.a_hover {background-position:bottom right; color:#fff;}

*html a.button:hover, a.a_hover {background-position:top right;}


a.button span {
	background-repeat:no-repeat; background-position:top left;
	display: block; line-height: 24px; padding: 5px 0 5px 10px; cursor:pointer; text-align:center;
} 

a.button:hover span, a.button span.span_hover{background-position:bottom left;}



a.blue_grey {background-image:url(../img/buttons/new/bg_button_a.png);}
a.blue_grey span {background-image:url(../img/buttons/new/bg_button_span.png);} 

a.midblue_grey {background-image:url(../img/buttons/new/midblue_grey_button_a.png);}
a.midblue_grey span {background-image:url(../img/buttons/new/midblue_grey_button_span.png);} 

a.lightblue_grey {background-image:url(../img/buttons/new/lightblue_grey_button_a.png);}
a.lightblue_grey span {background-image:url(../img/buttons/new/lightblue_grey_button_span.png);} 


a.grey_blue {background-image:url(../img/buttons/new/grey_blue_button_a.png);}
a.grey_blue span {background-image:url(../img/buttons/new/grey_blue_button_span.png);} 

a.grey_midblue {background-image:url(../img/buttons/new/grey_midblue_button_a.png);}
a.grey_midblue span {background-image:url(../img/buttons/new/grey_midblue_button_span.png);} 


/**/


/* main layout for button */
a.text_button {
	display:block; padding:0 0 6px 0; background-position:bottom left; background-repeat:no-repeat;
}

a.text_button:hover{
	background-position:bottom right; background-repeat:no-repeat; cursor:pointer;
}


a.text_button span{
	display:block; margin:0; padding:7px 5px 0 5px; font-weight:bold; text-align:center;
	background-position:top left; background-repeat:no-repeat;
}

a.text_button:hover span{
	background-position:top right; background-repeat:no-repeat;
}



/**/



/* form button */
.formbutton{
	width:188px; height:27px; margin:0 0 5px 0; border:0; 
	cursor:pointer; overflow:visible; font-weight:bold; text-align:center; 	
	background-position:top left; background-repeat:no-repeat
}

.formstyle .formbutton{
	height:34px;
}


.formbutton:hover, .grey_blue_on{
	color:#fff; background-position:top right;
}


/**/


/* :::: Button Styles END :::: */


/* ::: loading styles ::: */
.loading {background:url(../img/icons/loading.gif) no-repeat center #fff;}
.loading_small{background: url(../img/icons/spinner.gif) no-repeat center #fff;}
.loading_bar{background: url(../.._/img/icons/loading_bar.gif) no-repeat center #fff; height:50px;}
/* ::: loading styles END ::: */


/* error/warning/success styles */
.er_warning_gen{
	display:block; padding:5px; border:1px solid #c00; background:#FBE3E4; color:#cc0000;
}
.er_notice_gen{
	display:block; padding:5px; border:1px solid #FFD324; background:#FFF6BF; color:#514721;
}
.er_success_gen{
	display:block; padding:5px; border:2px solid #bfe820; background:#f1facf; color:#264409;
}
/* ::: error/warning/success styles END ::: */


/* :::::::: Generic Styles :::::::: */
.setrelative{position:relative;}
*html .iehaslayout{position:relative;height:1%}
*+html .iehaslayout{position:relative;}
.ldent{padding-left:5px;}

.flt_r{float:right; margin:0 0 10px 10px;}
.flt_l{float:left; margin:0 10px 10px 2px;}

.bordbot{padding:0 0 10px 0; border-bottom:1px solid #ccc;}

.txtalgn {vertical-align:middle;}
.txtalgn_bot {vertical-align:bottom;}
.txtalgn_top {vertical-align:top;}

.txtfld{width:230px;}
.txtfld_s{width:100px;}
.txtfld_xs{width:50px;}

.marg20{margin-bottom:20px;}
.marg15{margin-bottom:15px;}
.marg12{margin-bottom:12px;}
.marg10{margin-bottom:10px;}
.marg5{margin-bottom:5px;}
.marg2{margin-bottom:2px;}

ul.genul{
	margin:0 0 20px 0; padding:5px 0 0 0; list-style:none;
}
ul.genul li{
	margin:0 0 2px 10px; padding:0 0 0 10px; list-style:none; background:url(../img/bg/bullet.gif) no-repeat 0 6px;
}

ul.genul_inline{
	float:left; width:100%; margin:0 0 10px 0; padding:0 0 0 5px; list-style:none;
}
ul.genul_inline li{
	float:left; width:33%; margin:0; padding:0; list-style:none; font-style:italic;
}

/* combo box class */
.combohide{visibility:hidden}
.comboshow{visibility:visible}

/* clearing div */
.divider{clear:both; line-height:0; font-size:0; height:0;}

.divider_line{clear:both; line-height:0; font-size:0; height:10px; border-top:1px solid #CCC}

/* :::::::: Generic Styles END :::::::: */

/* Tabs disappearing in <= IE 6, quick hack to show */
* html .iebug_holder{width:100%; height:1%;}


