/* HTML TAGS
------------------------------------------- */

HTML {
	margin: 0;
	padding: 0;
	overflow-x: hidden;
	overflow-y: scroll;
}

BODY {
	margin: 0 auto;
	padding: 0;
	text-align: center;
	font-family: verdana,arial,sans-serif;
	font-size: 11px;
	background: #16233D;
}

DIV {
	text-align: left;
	margin: 0;
	padding: 0;
}

FORM {
	padding: 0;
	margin: 0;
	border: 0;
}

INPUT, SELECT, OPTION, TEXTAREA, TABLE {
	font-family: verdana,arial,sans-serif;
	font-size: 11px;
}

H1 {
	font-size: 18px;
}

H2 {
	font-size: 14px;
}

H3 {
	font-size: 11px;
}


A:link, A:visited { color: #000; }
A:hover, A:active { color: #283F6F; }

UL { padding: 0 0 0 50px; margin: 8px 0 0 0; }

LI { padding: 0; margin: 0;}

IMG {
	margin: 0;
	padding: 0;
	border: 0;
}

TD {
	vertical-align: top;
}



/* LAYOUT
------------------------------------------- */

#page {
	width: 955px;
	margin: 0 auto;
	background: #FFF;
	display: block;
}

#header {
	background: #131F37 url('images/bg_header.jpg') no-repeat top left;
	color: #FFF;
}

#header A:link, #header A:visited {	color: #FFF; text-decoration: none; }
#header A:hover, #header A:active {	color: #E7EFFF; text-decoration: none; }

#header_l, #header_r2 {
	float: left;
	width: 315px;
}

#header_mid {
	float: left;
	height: 130px;
	width: 275px;
	margin: 0 25px;
}

#header_mid #funcbox {
	padding: 10px 0;
}

#logo { height: 150px }

#header_r {
	float: right;
	width: 640px;
}




/* GENERAL STYLES */


.price {
	font-size: 12px;
	font-weight: bold;
}

.specprice {
	font-size: 12px;
	font-weight: bold;
	color: #D00000;
}

.notice {
	padding: 0.5em;
	margin: 1em 0;
	white-space: nowrap;
	display: block;
}

.button {
	background: #1F3359;
	padding: 0.5em;
	margin: 1em 0;
	color: #FFF;
	font-weight: bold;
	white-space: nowrap;
}

.button2 {
	background: #9f3800;
	padding: 0.5em;
	margin: 1em 0;
	color: #FFF;
	font-weight: bold;
	white-space: nowrap;
}

.button A:link, .button A:visited, .button2 A:link, .button2 A:visited {
	color: #FFF;
	text-decoration: none;
}

.error {
	margin: 5px;
	padding: 10px;
	border: 1px solid #D00000;
	text-align: center;
	color: #D00000;
}

.warning {
	margin: 5px 0;
	padding: 4px;
	border: 1px solid #D00000;
	color: #D00000;
	font-size: 11px;
	vertical-align: middle;
}

.in_cart {
	margin: 25px 0;
	padding: 3px;
	border: 1px solid green;
	text-align: center;
	color: green;
	clear: both;
}

.pale {
	color: #AAA;
}

.small {
	font-size: 9px;
}

.container {
	margin: 0 25px;
}

.clear { clear: both; font-size: 0; line-height: 0; }

.sep {
	clear: both;
	width: 100%;
	font-size: 0;
	padding: 10px 0;
	border-bottom: 1px solid #CED6E7;
}

.magnify {
	font-size: 9px;
	color: #AAA;
	border: #EEE;
	margin-top: 75px;
}

.magnify:hover {
	border: red;
}

.magnify A {
	text-decoration: none;
}

.magnify A:link, .magnify A:visited {
	color: #AAA;
}

.magnify IMG {
	vertical-align: middle;
}


#funcbox {
	height: 100%;
	font-size: 11px;
	padding: 0 25px;
	vertical-align: middle;
	line-height: 1.3em;
}

#funcbox A:hover, #funcbox A:active {
	color: #E7EFFF;
}

#funcbox .button {
	margin: 5px 10px 0 0;
	float: left;
}

#funcbox .func_left {
	float: left;
}

#funcbox .func_right {
	float: right;
	width: 80px;
}

#funcbox H1 {
	margin: 0;
	padding: 0 0 5px 0;
	font-size: 1.2em;
}



#menubar {
	height: 32px;
	clear: both;
	padding: 18px 10px 0 10px;
	background: #FFF url('images/bg_menubar.gif') repeat-x top;
	color: #FFF;
}

#menubar A:link, #menubar A:visited { color: white; text-decoration: none; }
#menubar A:hover, #menubar A:active { color: #E7EFFF; text-decoration: none; }

.menuitem {
	font-family: arial, sans-serif;
	font-size: 11px;
	text-transform: uppercase;
	margin: 0 19px;
}

#leftcol {
	width: 315px;
	float: left;
	margin-right: 5px;
}

#rightcol {
	width: 315px;
	float: left;
}

#main_index {
	width: 315px;
	float: left;
	margin-right: 5px;
}

#main {
	width: 635px;
	float: left;
	margin:	0;
}


/* BOX STYLES */


.box {
	clear: both;
}

.boxhead {
	height: 15px;
	padding: 5px 25px;
	background: #E7EFFF url('images/bg_boxhead.gif') no-repeat top left;
	font-weight: bold;
	text-transform: uppercase;
}

.boxhead_long {
	height: 15px;
	padding: 5px 25px;
	background: #E7EFFF url('images/bg_boxhead_long.gif') no-repeat top left;
	font-weight: bold;
	text-transform: uppercase;
}

.boxhead A:link, .boxhead A:visited { text-decoration: none; }
.boxhead A:hover, .boxhead A:active { text-decoration: none; }

.boxhead_long A:link, .boxhead_long A:visited { text-decoration: none; }
.boxhead_long A:hover, .boxhead_long A:active { text-decoration: none; }

.boxcontainer {}

.box H3 {
	font-size: 1em;
	font-weight: bold;
	padding: 10px 25px 0 25px;
}

.boxcontainer UL {
	padding: 0;
	margin: 0 25px 0 36px;
}

.boxcontainer LI {
	padding: 0 0 0.3em 0;
	margin: 0;
}

.box_static {
	padding: 10px 10px 10px 25px;
}

/* PRODUCT BOX STYLES */


.boxprod {
	width: 105px;
	padding: 10px 25px 10px 25px;
	float: left;
	font-size: 10px;
}

.boxprod DIV {
	text-align: center;
}

.boxprodpic {
	height: 75px;
	vertical-align: middle;
}

.manufact {
	padding-top: 3px;
	font-weight: bold;
}

.prodname {}

.price { font-weight: bold; }






/* NEWSBOX STYLES */

.newsitem { 
	margin: 12px 0 20px 0;
	padding: 0 25px 10px 25px;
}

.boxpic {
	float: right;
	padding: 0 0 10px 10px;
}

.title { font-weight: bold; }

.time {
	font-size: 10px;
	color: #283F6F;
	padding: 0.5em 0;
}

.lead {
	text-align: justify;
}




/* NEWSLIST PAGE STYLES */

#newslist .newsitem {
	width: 435px;
	width: 100%;
	padding: 0;
}

#newslist .time {
	padding: 0.3em 0;
}

#newslist H2 {
	margin-bottom: 0;
}





/* NEWS PAGE STYLES */

#news .container {
	margin: 0 25px 0 25px;
	font-size: 1.2em;
}

#news .time {
	padding: 5px 0 10px 0;
}

#news .lead {
	font-weight: bold;
}

#news P {
	text-align: justify;
}

#news IMG {
	margin: 10px;
}




/* SEARCHBOX STYLES */

.searchbox {
	background: #EAEAEA;
	padding: 12px 25px;
}

#advanced DIV {
	margin: 0px 0
}
#detailed DIV {
	margin: 0px 0
}




/* BRANDBOX STYLES */

.branditem {
	width: 100px;
	float: left;
	text-align: left;
	margin: 5px 5px 0 0;
}


/* CATBOX STYLES */

#catbox .boxcontainer {
	padding: 12px 25px;
	background: #EAEAEA;
	font-size: 1.3em;
	line-height: 1.2em;
}

#catbox A {
	text-decoration: none;
}

.cat A:link, .cat A:visited {
	font-weight: normal;
}

.currcat {
	font-weight: bold;
}

.thiscat A:link, .thiscat A:visited {
	color: #9f3800;
	font-weight: bold;
}



/* CATEGORY PAGE STYLES */

#category H1 {
	margin: 25px 0 15px 110px;
}

.categorybox, .prodlistbox, .prodbox {
	clear: both;
	width: 100%;
}

.categorybox .container, .prodlistbox .container, .prodbox .container {
	width: 475px;
	background: url("images/bg_categorybox.gif") no-repeat bottom left;
	padding: 10px 10px 10px 0;
	margin: 10px 0 0 75px;
}

.categorybox .container H2, .prodlistbox .container H2, .prodbox .container H2 {
	margin: 0 0 0 35px;
}

.boxpadding {
	padding: 10px;
}

#category .maincat {
	padding: 0 0 5px 0;
}

#category .children {
	padding: 0 0 0 50px;
}

#category #sel_subcat {
	margin: 0 0 0 110px;
}



/* PRODUCTS PAGE STYLES */

#products H1 {
	margin: 25px 75px 15px 75px;
}

#products .prodpic {
	margin: 0 10px 0 10px;
	float: left;
	width: 75px;
}

#products .prodpic .pic {
	position: absolute;
	float: left;
	z-index: 9;
}

#products .prodpic .newarrival {
	position: absolute;
	float: right;
	z-index: 10;
	margin-left: 25px;
}

#products .prodinfo {
	float: left;
	width: 209px;
	margin: 10px 8px 0 0;
}

#products .prodinfo .notice {
	font-size: 9px;
	text-align: center
}

#products .prodinfo .notice A {
	text-decoration: none;
}

#products .cartelements {
	float: left;
	width: 160px;
	height: 75px;
	font-size: 9px;
	background: url("images/bg_cartelements.gif") no-repeat top left;
}

#product .cartelements .boxpadding { padding-right: 0; margin-right: 0; }

#products .container {
	padding: 10px 10px 20px 0;
}

#products .cartbar { padding: 4px 0; }
#products .qnty { float: left; }
#products .button { float: left; margin: 0 0 0 0.5em; padding: 0.4em; }






/* PRODUCT PAGE STYLES */

#product H1 {
	margin: 25px 75px 15px 75px;
}

#product .prodpic {
	margin: 0 10px 0 10px;
	float: left;
	width: 130px;
}

#product .prodinfo {
	float: left;
	width: 300px;
	margin: 10px 8px; 0 0;
}

#product .prodinfo .notice {
	font-size: 9px;
	text-align: center
}

#product .prodinfo .notice A {
	text-decoration: none;
}

#product .cartelements {
	clear: both;
	float: right;
	width: 160px;
	height: 75px;
	font-size: 9px;
	margin: 0 1px 0 0;
	background: url("images/bg_cartelements.gif") no-repeat top left;
}

#product .container {
	padding: 10px 10px 20px 0;
}

#product .cartbar { padding: 4px 0; }
#product .qnty { float: left; }
#product .button { float: left; margin: 0 0 0 0.5em; padding: 0.4em; }

.prodvars {
	margin: 10px 0;
}

.prodvars .specprice {
	font-size: 11px;
}

.prodvar {
	padding: 0 0 5px 0;
}

.prodvar .varprice {
	clear: both;
	margin: 20px 0 0 2em;
	text-align: right;
}

.varprice .price, .varprice .specprice {
	font-size: 11px;
}

#product H3 {
	padding: 0;
	margin: 0;
}

#product UL {
	margin: 0;
	padding: 0 0 0 20px;
}




/* CART STYLES */

#cart {
	margin: 10px 25px;
}

#cart TD { padding: 2px 0 6px 0; }

#cart #sumbar { padding: 10px 0; }

#cart .button {
	display: inline;
	margin: 20px 0 0 0;
}


/* EDITCART STYLES */

#editcart H1 {
	margin-left: 25px;
}

#editcart .container {
	padding: 0 25px 25px 25px;
}

#editcart TD, #editcart TH {
	padding: 5px 0;
	border-bottom: 1px solid #16233D;
	border-bottom: 1px solid #CED6E7;
}

#editcart TH {
	font-size: 10px;
}


#editcart .button {
	float: left;
}



/* USER PAGE */

#user .container {
	margin: 0 25px 0 25px;
}

#user TABLE {
	width: 100%;
}

#user H1 {
	margin-left: 25px;
}

#user TH {
	text-align: center;
}

#user .button {
	text-align: center;
	margin: 0 230px;
}



/* STATIC PAGE STYLES */

#static .container {
	font-size: 1.3em;
}

#static P {
	text-align: justify;
}

#static .lead {
	font-weight: bold;
}


















#navibar {
	width: 635px;
	height: 25px;
	background: url("images/bg_boxhead_mid.gif") no-repeat bottom left;
}

#navibar .navicontent {
	padding: 5px 25px 0 25px;
}

#navibar .navibaritem {
	float: left;
	margin: 0 5px 0 0;
}


.pages {
}

.pages_fullwidth {
	width: 100%;
	text-align: center;
	padding: 10px 0;
	line-height: 2.5em;
}

.pages_left {
	float: left;
	padding: 17px 10px 10px 25px;
	font-size: 9px;
}

.pages_right {
	float: right;
	padding: 10px 25px 10px 10px;
	font-size: 9px;
}

.pages .thispage {
	background: #EAEAEA;
	padding: 5px;
	font-weight: bold;
	white-space: nowrap;
}

.pages .pages_button {
	background: #1F3359;
	color: #FFF;
	padding: 5px;
	font-weight: bold;
	white-space: nowrap;
}

.pages_button A:link, .pages_button A:visited {
	color: #FFF;
	text-decoration: none;
}

.pages_item {
	padding: 5px 0 5px 0;
}


#footer {
	clear: both;
	height: 75px;
	background: #FFF url('images/bg_footer.gif') repeat-x top;
	color: #FFF;
	font-size: 10px;
}

#footer_l {
	float: left;
	padding: 10px 10px 0 25px;
}

#footer_r {
	float: right;
}

#footer_r IMG {
	margin: 17px 25px 0 0;
}

#footer A:link, #footer A:visited { color: white; }
#footer A:hover, #footer A:active { color: #E7EFFF; }


#showpic TD {
	background: #EAEAEA;
}

