html { height: 100%; margin-bottom: 1px; }  
html,body{height:100% !important}
p, td, li, ul,ol, h1, h2, h3 ,h4 ,h5 ,h6, label, input, form, select { font: normal 11px Arial, Helvetica, sans-serif;margin: 0 0 0 0; padding: 0 0 0 0;color: #333333;}
body {margin: 0px;padding: 0px;background: repeat-x url(../images/bg_page.jpg) #fff;color: #333333;font: normal 12px Arial, Helvetica, sans-serif;}

/* ---------------------------------------------------------------*/
#main_container {width: 100%; padding: 0 0 0 0; background: repeat-x url(../images/bg_page.jpg) #fff;}
#header { width: 100%; height: 140px; background: no-repeat url(../images/bg_header.jpg); margin:0 0 0 0; padding:0; float:left;}
#navbar { width: 100%;  height: 46px; background: repeat-x url(../images/bg_nav.jpg);margin:0 0 0 0;float:left;}
#navbar ul { float:right; margin: 0 0px 0 0 ; clear:both; width:880px;}
#navbar li { list-style:none; float:left; display:block;}
#navbar li a.top { display:block; padding: 10px 15px 5px 15px; font: normal 11px Arial, Arial, Helvetica, sans-serif; color:#000000; text-decoration:none; background: no-repeat url(../images/bg_nav_li.jpg); }
#navbar li a:hover.top { color:#FF9900;}

/* --- */
#col_one { float:left; width: 260px; margin: -5px 0 0 0; color:#FFFFFF; text-align:left; background: repeat-y url(../images/col_one_bg.jpg);}
#col_two { float:left; width: 690px;text-align:left;}

#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
}

#nav a {
	display: block;
}

#nav li { /* all list items */
	float: left;
}

#nav li ul { /* second-level lists */
	position: absolute;
	width: 15em;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav li ul li { display:block; clear:left;	background-color:#000; text-align:left;	width:230px; }
#nav li ul li a {color: #fff; text-decoration:none;padding: 7px 8px 8px 15px;background: no-repeat url(../images/hover_bg.jpg);font: normal 11px Arial, Arial, Helvetica, sans-serif;  }

#nav li ul li a.arrow {background: no-repeat url(../images/hover_bga.jpg);}


#nav li ul li a:hover { color:#fff;background: no-repeat url(../images/hover_bg1.jpg); }

#nav li ul ul { /* third-and-above-level lists */
	margin: -1em 0 0 15em;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

#search { padding: 10px 5px 5px 10px;}


/* HOMEPAGE SECTIONS */
#col_two .section { background: repeat url(../images/section_bg.jpg);}
#col_two .section h1 { font: bold 14px Arial, Arial, Helvetica, sans-serif; color:#333333; margin: 5px 15px 5px 20px; border-bottom: 1px solid #ccc; padding: 0 0 10px 0;}
#col_two .section h2 { font: bold 14px Arial, Arial, Helvetica, sans-serif; color:#333333; margin: 5px 15px 5px 20px; border-bottom: 1px solid #ccc; padding: 0 0 10px 0;}
#col_two .section h4 { font: bold 12px Arial, Arial, Helvetica, sans-serif; color:#333333; margin: 5px 15px 5px 20px; border-bottom: 1px solid #ccc; padding: 0 0 10px 0;}
#col_two .section h5 { font: bold 14px Arial, Arial, Helvetica, sans-serif; color:#333333; margin: 5px 15px 5px 20px; border-bottom: 1px solid #ccc; padding: 0 0 10px 0;}
#col_two .section p { font: normal 11px Arial, Arial, Helvetica, sans-serif; color:#333333; margin: 10px 15px 15px 20px; line-height:18px;}
#col_two .section em { color:#FF6600;}
#col_two .section a {color:#FF6600;}
#col_two .section li { margin: 0 0 0 20px; list-style:circle;}
#col_two .section a.back { font: normal 11px Arial, Arial, Helvetica, sans-serif; text-decoration:none; }


#col_two h1 { font: bold 14px Arial, Arial, Helvetica, sans-serif; color:#333333; margin: 5px 15px 5px 20px; border-bottom: 1px solid #ccc; padding: 0 0 10px 0; line-height: 18px;}
#col_two h2 { font: bold 14px Arial, Arial, Helvetica, sans-serif; color:#333333; margin: 5px 15px 5px 20px; border-bottom: 1px solid #ccc; padding: 0 0 10px 0;}
#col_two p { font: normal 11px Arial, Arial, Helvetica, sans-serif; color:#333333; margin: 10px 15px 15px 20px; line-height:18px;}
#col_two  a {color:#FF6600;}
#col_two  li { margin: 0 0 0 20px; list-style:circle;}
#col_two  a.back { font: normal 11px Arial, Arial, Helvetica, sans-serif; text-decoration:none; }



/* HOMEPAGE BRANDS */
#brand {margin: 10px 15px 15px 15px;}
#col_two .brand { width:160px;text-align:center; float:left; margin: 5px 30px 5px 30px;}
#col_two .brand img { border: 1px solid #CCCCCC; padding:1px; margin: 3px;}
#col_two .brand a { font: normal 11px Arial, Arial, Helvetica, sans-serif; color:#333333; font-weight:bold; text-decoration:none; margin: 0 0 10px 0;}

/* FOOTER */
#footer {width: 100%; height: 74px; background: repeat-x url(../images/footer_bg.jpg) #333333;  text-align:left; margin: 30px 0 0 0;}
#footer p { margin: 20px 0 0 30px; float:left; display:block; line-height:18px;}
#footer a { font: normal 11px Arial, Arial, Helvetica, sans-serif; color:#FFFFFF; text-decoration:none;}
#footer a:hover { color:#FF6600;}


#basket { width: 230px; height: 30px; float:right; background: no-repeat url(../images/basket_slice.jpg); margin:85px 0 0 0; padding: 0 0 0 31px;}
#basket p {font-size:11px; font-family:Arial, Arial, Helvetica, sans-serif; color:#FFFFFF; margin: 10px;}
#basket a { margin: 0 5px 0 5px; color:#FFFFFF; font-weight:normal; text-decoration:none;}
#basket a:hover { text-decoration:underline;}


.top_nav { float:right; margin: 10px 10px 0 0; color:#999; }
.top_nav a {margin: 0 5px 0 5px; color:#999; font-weight:normal; text-decoration:none; font-size:11px; font-family:Arial, Arial, Helvetica, sans-serif;}
.top_nav a:hover { color:#FFFFFF; text-decoration:underline;}

.catimage { float:left; margin: 5px 10px 5px 20px; border:1px solid #CCCCCC; padding:1px;}

.col { background: no-repeat url(../images/col_bg.jpg); border-bottom: 1px solid #FF9900; width: 246px; padding: 10px 0 15px 0;}
#col_one .col h5 { font: bold 10px Arial, Arial, Helvetica, sans-serif; color:#FFFFFF; margin: 10px 0 0 10px;}
#col_one h6 { font: bold 12px Arial, Arial, Helvetica, sans-serif; color:#FFFFFF; padding: 10px 0 12px 10px; background:no-repeat url(../images/h6.jpg);}
#col_one .col p { color:#FFFFFF; margin: 10px 10px 15px 10px; font-size:11px; font-family:Arial, Arial, Helvetica, sans-serif; font-weight:bold;}
#col_one .col a { color: #FF9933;}

.attributes { margin: 10px 0 0 20px; float:left;}
.price { float:right; width: 210px; height: 89px; background: no-repeat url(../images/bg_price.jpg); margin: 10px 35px 0  0; padding:15px 0 0 0;}
p.left { float:left; }
p.right {float:right; margin: 0 10px 0 0; display:block;}

#col_two #downloads li em {font-family: Arial, Arial, Helvetica, sans-serif;color: #333333;font-size: 9px;}
#col_two #downloads { float:left; margin: 0 0 0 20px;}
#col_two #downloads li { margin: 5px 0 5px 20px;}

.project { float:left; width:150px; text-align:center; height: 150px;}
.project img { border: 1px solid #999999; padding:1px;}
.project a { font: 10px bold Arial, Helvetica, sans-serif;}

/* 

V2  DB / MWIS 2008  **********************************************************************************

*/


/* V2 STANDARD PAGING */
.paging { display:block; width: 100%;text-align:left; background: repeat-x url(../img/div_bg.jpg); margin: 2px 0 0 5px; }
.paging p { padding: 15px 10px 0 10px;font: bold 10px Arial, Helvetica, sans-serif; color:#333;}
.paging p a { margin: 0 3px 0 3px; font: bold 10px Arial, Helvetica, sans-serif; color:#333;}

/* V2 STANDARD DROPDOWN FILTERS  */
#filters { background: repeat-x url(../img/div_bg.jpg); margin: 0 0 0 5px;width: 100%;}
#filters select { height: 20px; font: bold 10px Arial, Helvetica, sans-serif; color:#333;}
#filters label { font: bold 10px Arial, Helvetica, sans-serif; color:#333; margin: 0 25px 0 0px;}

/* V2 MESSAGE STYLES */
#message { background-color: #F6F6F6; border: 1px solid #ccc; margin: 15px;}
#message p {line-height: 18px; margin: 5px; color: #333;}
#message a {color:#333;}

/* V2 STANDARD STORE PAGE */
#store { margin: 10px 20px 10px 20px;}
#store .store { float:left; width:105px; height:110px; border: 1px solid #ccc; padding:0px; margin:10px;}
#store .store p { margin: 0;}
#store .store_option a { float:left; background: no-repeat url(../images/hover.gif);  width: 90%; padding: 85px 5px 5px 5px; display:block; float:left;font: bold 9px Arial, Helvetica, sans-serif; color:#FFFFFF; text-decoration:none;}
#store .store_option a:hover { background: no-repeat url(../images/hover.gif); padding: 85px 5px 5px 5px; display:block;  float:left;font: bold 9px Arial, Helvetica, sans-serif; color:#fff; text-decoration:underline;}

/* V2 STANDARD PRODUCT LISTING BOX*/
.products { width: 100%;  text-align:left; background: repeat-x url(../img/bg_paging.jpg); margin: 20px 0 0 0; }
.products a {color:#333; text-decoration:none;}
.product { float:left;  width: 49%; border-bottom: 1px solid #F5F5F5; border-right: 1px solid #F5F5F5; padding-bottom: 10px; padding-top:10px; display:block; }
.product h2 {  font: bold 10px Arial, Helvetica, sans-serif; margin: 10px 5px 5px 10px; color:#333;}
.product h2 a {text-decoration:underline;}
.product .btnimg { margin: 3px 0 3px 0; }
.product .prodimg {border: 1px solid #CCCCCC;padding: 1px; float:left; margin: 0px 10px 10px 10px; width:70px; height: 70px; }
.product .homeimg { margin: 10px 10px 10px 10px; }
.product .des { font: normal 11px Arial, Helvetica, sans-serif; margin: 10px 5px 10px 10px;}
.product .price { font: bold 14px Arial, Helvetica, sans-serif; color:#333; margin: 0 0 8px 0; }
.product .wasprice { font: bold 10px Arial, Helvetica, sans-serif; color:#A3D6E0; margin: 0 10px 8px 3px; text-decoration:line-through; }

/* V2 STANDARD PRODUCT DETAIL BOX*/
#product_detail {}
#product_detail .product_left { float:left; display:block;}
#product_detail .product_right { float:left;display:block;}
#product_detail h2 { font: bold 14px Arial, Helvetica, sans-serif; margin: 20px 5px 5px 0px; color:#333;}
#product_detail h2 em { font: bold 18px Arial, Helvetica, sans-serif;  color:#333;}
#product_detail h3 { font: bold 14px Arial, Helvetica, sans-serif; margin: 10px 5px 0px 30px; color:#333;}
#product_detail .des {float:left;}
#product_detail .des p {margin: 10px 5px 5px 0px;}
#product_detail .des li {margin: 5px 5px 5px 15px; list-style:circle; font-size: 10px; color:#333;}
#product_detail .des a { color:#333;}
#product_detail .detail_image { float:left; margin: 20px 20px 5px 10px; padding:1px; border: 1px solid #D4EBF1;}
#product_detail .add_images { float:left; margin: 0 0 0 5px;} 
#product_detail .add_image { float:left; margin: 7px; padding:1px; border: 1px solid #D4EBF1;}


#products_tlb {margin: 5px 5px 5px 35px; text-align:left;}
#products_tlb th { font: bold 10px Arial, Arial, Helvetica, sans-serif;}
#products_tlb td {border-bottom: dotted 1px  #CCCCCC; padding: 5px 0 5px 0;}
#products_tlb td {font: normal 11px Arial, Arial, Helvetica, sans-serif;}
#products_tlb em {font-style:normal; font-size:11px; color:#FF6600;}


/* V2  DISCOUNT */
#discount {margin: 15px;background-color:#F6F6F6; border: 1px solid #ccc;}
#discount h2 {font: normal 16px Arial, Helvetica, sans-serif; color:#333333; margin: 5px;}
#discount p {margin: 5px;}

/* V2  CART TABLE */
#cart {margin: 15px; background-color: #F6F6F6; }
#cart table {width: 100%; text-align:left;}
#cart table th, #cart table td { padding: 5px; border: 1px solid #FFFFFF; }
#cart table td {background-color:#FFFFFF;}
#cart .space td {line-height: 1px;}
#cart p { text-decoration:none; font-weight:bold;font-size:11px;}
#cart a { text-decoration:none; font-weight:bold;font-size:11px;}
#cart .update {background-color:#fff; border: 1px solid #ccc; text-decoration:none; padding: 2px; font-size:11px;float:left;}
#cart .remove {background-color:#fff; border: 1px solid #ccc; text-decoration:none; padding: 2px;font-size:11px;float:left;}
#cart input {border: 1px solid #ccc; height: 18px; float:left; margin: 0 2px 0 0;}

/* V2  PRODUCT OPTIONS */
#cart_options {margin: 25px; background-color: #F6F6F6; border: 1px solid #ccc;  padding: 15px;}
#cart_options label { text-align:right; width: 150px; font-weight:bold; float:left; display:block; padding: 2px;}
#cart_total { float:left;font: bold 18px Arial, Helvetica, sans-serif; color:#333; margin: 0 0 8px 0; }
.cart_order { float:right;}

/* V2  INPUT BUTTONS */
.btn_tiny { height: 25px; width:75px; text-align:center; border:none; background: no-repeat url(../images/btn_tiny.jpg); color:#FFFFFF;}
.btn_small { height: 42px; width:124px; text-align:center; border:none; background: no-repeat url(../images/btn_small.jpg); color:#FFFFFF;}
.btn_medium {height: 42px; width:200px; text-align:center; border:none; background: no-repeat  url(../images/btn_medium.jpg);color:#FFFFFF;}
.btn_large {height: 42px; width:250px; text-align:center; border:none; background: no-repeat  url(../images/btn_large.jpg);color:#FFFFFF;}

/* V2  CHECKOUT *********************************/
#checkout {margin: 25px; background-color: #F6F6F6; border: 1px solid #ccc; }
#checkout h2 {margin: 5px; font: bold 16px  Arial, Helvetica, sans-serif; color:#333;}
#checkout p {margin: 5px; display:block; color:#333;}
#checkout label { float:left; width: 150px; text-align:right; padding: 0 10px 0 0; color:#333; font: bold 10px Arial, Arial, Helvetica, sans-serif; }
#checkout input, #checkout select { width: 250px; height: 20px;border: 1px solid #ccc; background-color:#FFFFFF; padding: 3px;}
#checkout a.copy { cursor:pointer; text-decoration:underline;}