/* Front end only css */

 

/* Main page titles */

h1 {
	font-size: 16px;
	line-height: 30px;
	margin: 0;
	font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
}

h1 strong {

}

/* Secondary page titles */

h2 {
	font-size: 18px;
	line-height: 28px;
	margin: 0;
	font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
}

/* Section titles */

h3 {
	font-size: 16px;
	line-height: 26px;
	margin: 0;
	font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
}

/* Subsctions, boxes and minor titles */

h4 {
	font-size: 14px;
	line-height: 20px;
	margin: 0;
}

/* Small titles (mostly same size as text) */

h5 {
	font-size: 12px;
}

/* Micro titles - copyrights, legal, etc*/

h6 {
	font-size: 10px;
	font-weight: normal;
	text-align: center;
}

p {
	margin: 5px 0;
	line-height: 120%;
}

input {
	vertical-align: middle;
	margin: 2px;
	padding: 1px 3px;
	color: #777;
}


select {
	vertical-align: middle;
	margin: 2px;
	color: #777;
}

img {
	border: 0;
}

/*

Common use classes 

---------------------------------------- 

*/

.left { text-align: left; }
.right { text-align: right; }
.plain_text, .plain_title {    text-decoration: none;    font-weight: normal;    background: transparent;}
.center {     text-align: center;}

.button, .button2 { 	
    display: -moz-inline-box;
    display: inline-block;
    border: 1px solid #000;
	background: #444;
	font-weight: bold;
	text-decoration: none !important;
	text-transform: capitalize;
	color: #fff !important;
	font-size: 10px;
	padding: 2px 6px;
	margin: 0 2px; 
	vertical-align: middle;
	}

a.button, a.button2 {
    padding: 2px 10px;
}
	
.button2 { background: #777; border: 1px solid #333; cursor: pointer; }
	
.button:hover, .button2:hover {
    background: #777;
    border: 1px solid #333;
    color: #fff !important;
}

.button2:hover { background: #777 url(images/lc-btn1-a.png) repeat-x top left; border: 1px solid #555; }

.buybtn {
    background: #444 url(images/bgs-buybtn.png) no-repeat center left;
    width: 120px !important;
    padding: 2px 0 !important;
    height: 22px;
    border: none;
    cursor: pointer;
}

.buybtn:hover {
    background: #777 url(images/bgs-buybtn-a.png) no-repeat center left;
    border: none;
}

.tag {
    background: url(images/lc-tag.png) no-repeat center center;
    width: 100px;
    height: 18px;
    line-height: 18px;
    text-align: center;
    font-size: 11px;
    color: #777 !important;
    display: block;
}

.boxtitle { color: white; font-size: 12px; height: 20px; line-height: 20px; background: #aaa; border-top: 5px solid #ddd; margin: 10px 0 0 0; padding: 0 10px; clear: both; }
.display .boxtitle { clear: none !important; }

.boxtitle2 { color: white; font-size: 12px; height: 20px; line-height: 20px; background: #aa0000; border-top: 5px solid #cc0000; margin: 0; padding: 0 10px; clear: both;  font-weight: normal; }

.boxtitle small { float: right; margin-top: -20px; }
.boxtitle small a, .boxtitle small a:visited { color: white !important; }

.products_table {
	width: 100%;
	margin: 10px 0;
}

.products_table td {
	padding: 5px;
	border-bottom: 1px solid #ddd;
	vertical-align: middle;
}

.products_table th {
	padding: 5px;
	background: #eee;
	border-bottom: 1px solid #ddd;
	font-weight: bold;
	text-align: left;
}

.checkout_sum {
	width: 100%;
	margin: 10px 0;
	border: 1px solid #ddd;
	background: url(f-ftr-back.png) repeat-x bottom;
}

.checkout_sum td {
	padding: 5px;
	border: none;
	border-bottom: 1px solid #ddd;
	vertical-align: middle;
}

.checkout_sum .field {
	border-right: 1px dotted #ddd;
}

.checkout_sum .value {

}

.checkout_sum2 {

}

.reg_table {
	width: 100%;
	margin: 10px 0;
	border: 1px solid #ddd;
	background: url(f-ftr-back.png) repeat-x bottom;
}

.reg_table td {
	padding: 5px 10px;
	border: none;
	border-bottom: 1px solid #ddd;
	background: transparent;
	vertical-align: middle;
}

.reg_table .field {
	border: none;
	border-right: 1px dotted #ddd;
}

.reg_table .value {
	border: none;
}

.reg_table .value input, .reg_table .value select {
	border: 1px solid #ddd;
	border-bottom: 1px solid #ccc;
	color: #777;
	padding: 2px;
}

.field {
	width: 50%;
}

.value {
	width: 50%;
}

.tiny {
	font-size: 10px !important;
	font-weight: normal !important;
}

h4.giftwrap {

}

div.giftwrap {

}

.gift_cert {
	margin: 20px 0;
}

.shipping_options {
	margin: 20px 0;
	border-bottom: 1px solid #ddd;
}

.reward_points {
	margin: 20px 0;
	border-bottom: 1px solid #ddd;
}

.col_sku {
	width: 40px;
}

.col_descr {
	width: 100px;
}

.col_price {
	width: 40px;
}

.col_gift {
	width: 100px;
}

.col_qty {
	width: 40px;
}

.col_subtotal {
	width: 60px;
}

.col_brand {
	width: 100px;
}

.col_model {
	width: 100px;
}

.col_stars {
	width: 40px;
}

.col_info {
	width: 150px;
}

.col_id {
	width: 40px;
}

.col_date {
	width: 40px;
}

.col_status {
	width: 60px;
}

.masform {

}

.contactform {

}

.errors {
	color: #5F9EA0;
	font-weight: bold;
	padding: 5px;
	background: #eee;
	border: 1px solid #5F9EA0;
	margin: 5px;
}

#shipquote {

}

.img_button, .image_btn {
	border: none !important;
	padding: 0 !important;
}

.sendemail table {
	padding: 5px;
	margin: 10px 0;
}

.sendemail table td {
	padding: 5px;
	vertical-align: middle;
}

.crumbs {

}

.side_cattree {
	margin-bottom: 30px;
}

.side_recent {
	margin: 40px 0;
	border-top: 1px solid #ccc;
	font-weight: bold;
}

.side_recent a {
	font-weight: normal !important;
}

.side_recent ol {
	list-style: none;
	margin: 0;
	padding: 10px 0;
}

.side_recent li {
	margin: 0 8px;
	;	padding: 8px 4px;
	border-bottom: 1px solid #ddd;
}

.box_0 {
	padding: 5px;
	margin: 5px;
}

.box_1 {
	padding: 5px;
	margin: 5px 0;
	border: 1px solid #ddd;
	border-bottom: 1px solid #ccc;
	background: url(f-ftr-back.png) repeat-x bottom;
}

.box_2 {
	padding: 5px;
	margin: 5px 0;
	border: 1px solid #ddd;
	border-bottom: 2px solid #ccc;
	background: url(f-ftr-back.png) repeat-x bottom;
}

/*

Page related classes 

---------------------------------------- 

*/




.display {
	xposition: relative;
}


.checkout, .precheckout, .display, .navigation, .upsell, .search, .wishlist, .content, .view, .newsletter, .history, .tracking, .review, .login, .account, .mag_page, .text_page {

}

.display-image { text-decoration: none; }

.account h3 {
	color: #ccc;
	font-size: 16px;
	margin-top: 15px;
}

.precheckout .box_1 {
	text-align: center;
}

strong.total {
	display: block;
	padding: 5px;
	text-decoration: underline;
	font-size: 14px;
	color: #ccc;
}

.newsletter .box_1 {
	width: 80%;
	margin: 10px auto;
	padding: 20px;
}

h1.checkout {

}

/*

Button ID's

---------------------------------------- 

*/

#btn_recalculate { float:right; clear:both;}

#btn_purchase { float:right; }





/*

Upsell items

---------------------------------------- 

*/

.box_upsell {  }

.upsell_item {  }

.upsell_title { font-weight: bold; margin: 3px 0; }

.upsell_price {  }

.upsell_more {  }

.upsell_buy {  }





/*

Display product page

---------------------------------------- 

*/ 


.product_name { position: static !important; color: #777 !important; font-size: 14px !important;   }

.product_image { float: left; text-align: center; height: 190px; width: 170px; overflow: hidden; margin-top: 10px; }

.product_image a { font-weight: normal; font-size: 10px; text-decoration: none; }

.product_image img { padding: 2px; }

.product_info { font-size: 11px; float: left; width: 350px !important;    padding: 10px;  }

.product_info h1 { font-size: 14px; color: #777; margin: 0 0 15px 0; line-height: 110%; width: 320px;  }

.product_info option, .product_info select, .product_purchase option, .product_purchase select { font-size: 10px; }

.product_info p { line-height: 30px;    margin: 1px 0px 0;    padding: 0 30px;    width: 260px;    border-bottom: 1px solid #ddd;    border-right: 1px solid #ddd; clear: both; }

.product_info p span { width: 100px; float: left;  border-right: 1px solid #ddd; padding-left: 20px; }
.product_info p strong { width: 100px; float: left;  padding-left: 20px; clear: right; }

.product_purchase { float:left; width: 350px; margin: 0 10px; padding: 10px 0 0 0; border-top: 1px solid #aaa;   }

.product_purchase input {	vertical-align: middle;  }

.product_purchase p { margin: 1px 0; background: #eee; line-height: 35px; text-align: center; }

.product_tasks { font-size: 11px; padding: 10px 0; clear: both; }

.product_tasks a {	padding-right: 2px; padding-left: 2px; }

.product_more { font-size: 11px; margin: 0 0 10px 0; padding: 0 10px 10px; border: 1px solid #ddd; clear: both; background: white url(images/grad1-btm.gif) repeat-x bottom left; } 

.product_altimages { padding: 0 10px; clear: both; margin: 0; }
.product_altimages img { margin: 0 10px; }

.product_points { margin: 0 0 10px 0; padding: 0 0 10px 0;  } 

.product_aff {  margin: 0 0 10px 0; padding: 0 0 10px;}

.product_bundle {  margin: 0 0 10px 0; padding: 0 0 10px; }

.product_multiprice {  margin: 0 0 10px 0; padding: 0 0 10px; }

.product_multiprice table { padding: 5px; border: 1px solid #ddd; border-bottom: 2px solid #ddd; clear: both; }

.product_descr { margin: 0 0 10px 0; padding: 0 0 10px 0;  }

.product_upsell {  font-size: 11px; clear: both; text-align: center; }

.product_reviews { margin: 0 0 10px 0; padding: 0 0 10px 0; }

.product_review { margin: 0 0 10px 0; padding: 0 0 10px 0; }

.product_more { clear: left; margin: 10px 0; border: none;  }

p.crumbs {	margin: 0;	line-height: 16px; }


.display { width: 540px; overflow: hidden; float: left; }


/*

Navigation / Thumbnail pages

---------------------------------------- 

*/

h1.cat_name { color: #999;  margin: 5px 0;}

img.cat_image {  }



.cat_nav {  }

.cat_nav input, .cat_nav select { vertical-align: middle;}

.cat_nav .crumbs { float:left; display: inline;  margin: 0; line-height: 30px;}

.cat_nav select { width: 120px !important; padding:0; }

.cat_description img { float: left; margin: 0 10px 10px 0; }

.cat_showhits, .cat_pages, .cat_perpage, .cat_order {  float:left; text-align: center;  height: 25px; background: #ddd;  margin: 0; padding: 5px 0 2px; vertical-align: middle; }

.cat_showhits {  width: 17%; line-height: 25px; text-align: right; }
.cat_pages {  width: 65%; padding-right: 1%; line-height: 25px; text-align: right;  }
.cat_pages .button2 { line-height: 100%; }
* html .cat_pages { padding-top: 10px; height: 20px; }
.cat_perpage {  width: 17%;  display: none; }
.cat_order { width: 17%;  }


.cat_options { display: none; height: 20px; padding: 4px; background: #ddd; }
.cat_subcats { width: 40%; }


.cat_items {	xposition: relative; clear: both;	}
#home-content .cat_items { width: 500px !important; }


.cat_topsellers {
	 background: #fff;
     border: 1px solid #ddd;
     padding: 0 2px 5px;
     margin: 5px;
     overflow: hidden;
     clear: both;       
      }
.cat_topsellers h3 {
     background: #ddd;
     color: white;
}

.cat_topseller {     
     width: 152px;
     height: 190px;
     line-height: 95%;
     float: left;
     display: block;
     text-align: center;
     margin: 2px;
     padding: 4px 0;
     border: 1px solid silver;
     overflow: hidden;
     }

.cat_topseller img {  }

.cat_topseller h5 {  }



.cat_features {  }

.cat_featured {  }

.cat_featured img {  }

.cat_featured h5 {  }


.brands-list { margin:  10px; padding: 0; list-style: none; }
.brands-list li { margin: 0; padding: 0; width: 23%; float: left; height: 13px; line-height:13px; }

.brands-box, .cat_items { width: 720px; overflow: hidden; }

.display .cat_items { cleaR: none; }

.brands-box:after, .brands-list:after { content: "."; display: block; cleaR: both; visibility: hidden; height: 1px; line-height: 1px; overflow: hidden; }


.thumb { float:left; font-size: 10px; margin: -1px 0 0 -1px; padding: 10px 5px; width: 230px; height: 125px; overflow: hidden; text-align: left; background: white; border-top: 1px solid #ddd; border-left: 1px solid #ddd; }

.thumb_name { font-size: 11px; font-weight: bold; float: left; }
.thumb_name a, .thumb_name a:visited { text-decoration: none; }
.thumb_image { display: block; text-align: left; margin: 0; float: left; padding: 0 10px 0 5px; overflow:hidden; }
.thumb_image img { margin:auto; }
.thumb_info { float: left; }
.thumb h4 { font-size: 11px; margin: 0; line-height: 100%; display: block; margin-bottom: 10px;}
.thumb_price {  }
.thumb_price img {	margin: 5px auto; display: block;}
.thumb_price strong { color: #5170aa;}
.thumb_descr { text-align: left; display: none; }
.thumb_bundle { display: none; }
.thumb_extra { display: none; }
.thumb_multyprice { display: none; }
.thumb_reviews { display: none; }

.thumb p { margin: 0 0 2px; float: left; width: 140px; }
.thumb .thumb_image { width: 75px; height: 125px; }
.thumb .thumb_info { margin: 0;  }
.thumb .thumb_descr {  }
.thumb .thumb_name {  }
.thumb_price { font-weight: normal; font-size: 11px;  color: #555; }
.thumb_sale { font-weight: bold; color: #777; font-size: 11px; }
.thumb_save { color: #777; font-size: 11px; }
.thumb_retail { color: #999; font-weight: normal; font-size: 11px; }
.thumb .button { display: block; width: 100px; text-align: center; }



.thumb-upsell { float:left; font-size: 11px; margin: 0; padding: 10px; width: 156px; height: 270px; overflow: hidden; text-align: left; background: white;  border-bottom: 1px dashed #bbb; }

#rightbar .thumb-upsell { height: 200px; }

.thumb-upsell p { margin: 0px; }
.thumb-upsell .thumb_name { margin: 0 0 5px 0; }
.thumb-upsell .button { font-size: 11px; display: block; padding: 1px 15px; text-align: center; width: 90px; margin: 10px 0 0 0; }
.thumb-upsell .thumb_image { margin: 0 auto 5px auto; width: 120px; height: 120px; }

#rightbar .thumb-upsell .thumb_image { margin: 0 0 5px 0; }

.cat_items .thumb-upsell { float:left; font-size: 11px; margin: -2px 0 0 -1px; padding: 20px; width: 156px; height: 200px; overflow: hidden; text-align: center; background: white;  border: none; border-top: 1px solid #ddd; border-left: 1px solid #ddd; }
.cat_items  .thumb-upsell .button { margin: auto; }
.cat_items  .thumb-upsell  p { margin: 0 0 5px 0;  }
.cat_items  .thumb-upsell .thumb_name { margin: 5px 0; }

.thumb-brand { float:left; font-size: 11px; margin: -2px 0 0 -1px; padding: 20px; width: 156px; height: 200px; overflow: hidden; text-align: center; background: white;  border-top: 1px solid #ddd; border-left: 1px solid #ddd; }
.thumb-brand p { margin: 0px;   }
.thumb-brand .thumb_name { margin: 5px 0; font-sizE: 12px; }
.thumb-brand .thumb_image { margin: 0 0 5px;  }

.thumb-subcat { float:left; font-size: 11px; margin: 5px;  width: 185px; height: 75px; overflow: hidden; background: white;  border: 1px solid #ddd; }
.thumb-subcat .thumb_image { margin: 0 5px 0 0; float: left;  }
.thumb-subcat .thumb_name { margin: 0; padding: 30px 0 10px; width: 100px; height: 35px; float: left;  }

.thumb_name a { color: #5170aa !important; }



/*

Search Result pages

---------------------------------------- 

*/

.results_bycat {  }

.more_link {  }

.search_table {  }



.searchContentCaption {  }

.searchContentTitleLink {  }

.searchContentTitle {  }

.searchContentValueLink {  }

.searchContentValue {  }

.searchLastUpdated {  }





/*

User Related pages

---------------------------------------- 

*/

.user_options {  }

.user_history {  }

.user_nav {  }

.user_quotes {  }

.user_points {  }



.order_form {  }

.order_info {  }





/*

Login page

---------------------------------------- 

*/
.login_reg { margin: 0; padding: 10px; border: 2px solid #f3f3f3; background: white; float: right; width: 40%; z-index: 2;}

.login_reg h3 { font-size: 14px; margin: 0; line-height: 100%; }

.login_form { background: #f3f3f3; border-bottom: 2px dotted #ddd; padding: 2px 2px 10px 10px; margin: 10px;  }

.login_promo { border: 1px solid #ddd; padding: 10px; margin: 10px; }

.login_noreg { border: 1px solid #ddd; padding: 10px; margin: 10px; }




/*

Wishlist page

---------------------------------------- 

*/

.wishlist_email { border: 1px solid #ddd; padding: 4px; margin: 10px 0;  }

.wishlist_results { border: 1px solid #ddd; padding: 4px; margin: 10px 0;  }

.wishlist_controls { border: 1px solid #ddd; padding: 4px; margin: 10px 0;  }

.wishlist_shipping { border: 1px solid #ddd; padding: 4px; margin: 10px 0;  }

.wishlist_item { border: 1px solid #ddd; padding: 4px; margin: 10px 0; background: url(f-ftr-back.png) repeat-x bottom; }

.wishlist_item_image {	float: left; }

.wishlist_item_name {	font-size: 14px; }

.wishlist_item_text {  	}

.wishlist_item_text strong {   }

.wishlist_item_controls {	 }

.wishlist_item_quantity {	 }

.wishlist_item_quantity p {	margin: 0; }



.wishlist img, .wishlist input {	vertical-align: middle; margin: 0; padding: 0;}



.wishlist_item_name, .wishlist_item_text, .wishlist_item_controls, .wishlist_item_quantity {

	xposition: relative;

	margin-left: 160px;

	width: 350px;

	border-left: 2px dotted #eee;

	padding-left: 5px;

}



#home { width: 640px; overflow: hidden; border-right: 1px solid #ccc; xxmargin-right: -1px; }
#home-mainpromo { width: 638px; height: 420px; background: url(images/lc-home-promo.png) no-repeat top left; margin: 0 0 10px 0; }
#home-bestsellers { width: 49%; float: left; overflow: hidden; border-right: 1px solid #ccc; }
#home-bestsellers .boxtitle { margin: 0 5px 10px 0; }
.thumb-bestseller { padding: 5px; border-bottom: 1px dotted #bbb; height: 120px; }
.thumb-bestseller .thumb_image { float: left; margin-right: 10px; width: 45%; }
.thumb-bestseller .thumb_info { float: left; width: 50%; }
.thumb-bestseller .thumb_name { padding-bottom: 5px; }
.thumb-bestseller .thumb_info p { margin: 0 !important; font-weight: normal; }
.formore { display: block; text-align: center; margin: 5px auto; }
#home-featured { width: 49%; float: left; overflow: hidden; clear: right; text-align: center;  }
#home-featured .boxtitle { margin: 0 0 10px 5px; text-align: left; }
#home-featured p { text-align: left; margin: 10px; font-weight: normal !important; }
#home-featured h4 { border-bottom: 1px dotted #bbb; margin: 10px 5px; padding: 5px; }
.thumb-home2 { padding: 5px; text-align: center; }
.thumb-home2 p { margin: 5px; text-align: center !important; }
.thumb-home2 .thumb_name {  text-align: center; }
#home-catbox { overflow: hidden; }
.home-cats { width: 33%; float: left; overflow: hidden; border-left: 1px solid #ccc; margin: 10px 0 10px -1px;  }
.home-cats .boxtitle { margin: 0 5px 10px 6px; }
.home-cats img { display: block; margin: 5px auto; }
.home-cats ul { list-style: none; }

#home .cat_items { width: 630px; }
#home .thumb-upsell { width: 23%; padding: 10px 1%; overflow: hidden;  }
.home-bar { border: none !important; }
 

.dropdown {
    height: 16px;
    line-height: 16px;
    padding: 0 6px;
    width: 100px;
    margin: 2px 0 2px 5px;
    font-size: 11px;
    border: 1px solid #bbb;
    border-bottom: 1px solid #999;
    border-right: 1px solid #999;
    background: white url(images/lc-tinyarrow.png) no-repeat bottom right;
    text-align: left;
}

.dropdown a, .dropdown a:visited {
    color: #555;
    text-decoration: none;
    font-weight: normal;
    text-align: left;
}

.dropdown span {
    position: relative;
    display: block;
}

.dropdown div {
    position: absolute; 
    top: 0px;
    left: -9999px;
    width: 112px;
    border: 1px solid #ccc;
    border-top: 1px solid #aaa;
    background: #fff;
}

.dropdown div a {
    display: block;
    padding: 0px 0px 0px 10px;
}

.dropdown:hover {
    background: #eee;
    border-bottom: 0;
    color: #111; 
}

.dropdown div a:hover {
    background: #f9f9f9;
    border-bottom: 0;
    background: #eee;
}

.dropdown:hover div {
    left: -7px;
}

.dropdown:hover a {
    color: #111;
}

.dropdown:hover div a {
    color: #555;
}

.history { border: 1px solid #333; border-width: 1px 0 0 1px; }
.history td, .history th { border: 1px solid #333; border-width: 0 1px 1px 0; padding: 2px; }
.subtotal { padding: 10px 2px; font-weight: bold; }
