/* CSS Document */
/* ALL STYLES */

/* LF Changes */

body { 
	margin-top: 20px;
	margin-bottom: 35px; 
	font-family: arial, helvetica, sans-serif; 
	font-size: 13px; 
	background-image: url('images/blue.jpg');
	background-repeat: repeat;
	background-color: #FFFFFF;
}

h1 {
	color:black;
	font-size:19px;
	font-weight: normal;
	margin: -4px 0px 17px 65px;
	padding: 0;
}

.foot_box {
	padding: 20px 20px 20px 20px;
	margin-bottom: 20px;
	color: #333;
	text-align: center;
	line-height: 25px;
	font-weight: none;
}

.foot_box a {
	text-decoration: none;
	color: #3333CC;
}

.top_button_bar {
	width: 100%;
	padding: 5px 0;
	text-align: center;
	font-size: 11px;
	font-weight: bold;
	background: #333 url(images/lf/buttonBarBG.jpg); 
	
}

ul.features_list_short {
	list-style-type: none;
	margin: 0;
	padding: 0 0 0 30px;
	font-size: 14px;
}

ul.product_description_list {
	list-style-type: none;
	margin: 0;
	padding: 0 0 0 30px;
	font-size: 16px;
}

li.features_list_short {
	margin: 0;
	padding: 0;
}

.top_button_bar a {
	margin: 0 5px;
	text-decoration: none;
	color: #fff;
}

#main_top { 
	text-align: center;
	/*margin-left: 5px; */
}

#logo {
	padding: 6px 0px 0px 15px;
	margin-left: 25px;
}

#top_shopping_cart {
	margin: -10px 0 0 320px;
	float: left;
	padding: 0 10px 3px 0;
}

#top_button_barsm { 
	float:right; 
	height: 20px; 
	width:250px; 
	clear: both;
	margin-top: -15px;
	padding-bottom: 5px;
}

#top_button_barsm .button {
	height: 15px; 
	padding-top: 5px; 
	padding-left: 10px; 
	padding-right: 10px; 
	float: right;
	color: #606060; 
	font-weight: bold; 
	font-size: 11px;  
	text-decoration: none;
}

#top_button_barsm img {	
	float: right; 
}

.product_description {
	font-size: 15px;
	color: #000000;
	margin:  0 0 0 12px;
	padding: 0 0 0 0;
}

.products {
	padding: 7px;
	background-image: url(images/lf/leftSwirl-off.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin-left: 12px;
}

.add_to_cart {
	width: 357px;
	height: 65px;
	background-image: url('images/buttonBarBGmed.jpg');
	color: #fff;
	padding: 5px;
	background-repeat: repeat-y;
}

.add_to_cart .price {
	text-align: left;
	width: 203px;
	float: left;
	font-weight: bold;
	font-size: 18px;
	padding: 0px 2px 0px 2px;
	
}

.add_to_cart b {
	font-weight: normal;
	font-size: 11px;
	padding: 0px 2px 0px 2px;
}

.add_to_cart .add_button {
	float: right;
	text-align: right;
}

/*#add_cart_button {*/
input.submit {
	style: transparent;
	float: left;
	margin-top: -4px;
	width: 125px;
	height: 36px;
	color: #fff;
	font-weight: bolder;
	font-size: 16px;
	background: transparent url(images/bluebar.jpg);
	background-repeat: no-repeat;
	font-style: ;
	border: none;
	margin-right: 25px;
	padding: 0px 0px 0px 0px;
	cursor: pointer;
}

#add_cart_button {
	style: transparent;
	float: left;
	margin-top: -4px;
	width: 125px;
	height: 36px;
	line-height: 36px;
	color: #fff;
	font-weight: bolder;
	font-size: 16px;
	background: transparent url(images/bluebar.jpg);
	background-repeat: no-repeat;
	font-weight:bold;
	border: none;
	text-align:center;
	cursor: pointer;
	margin-right: 25px;
	text-decoration: none;
}


#home_text {
	margin: 0;
	padding: 105px 20px 0 0;
	float: right;
	width: 170px;
	color: #666;
	font-size: 12px;
	
}

a { color: #000000; }
a img { border: 0px none; text-decoration: none; }
ul { list-style-type: circle; margin: 0px; padding: 0px; margin-left: 20px;}
li { padding: 1px; margin: 0px; }
div.box_title { font-size: 18px; color: #6699cc; font-weight: bold; margin-bottom: 10px; }
div.box_title img { margin-right: 15px; margin-left: 5px; }
div.index_reasons .title { font-weight: bold; margin-top: 20px;}
div.index_reasons .text { }
div.main_center { border-top: none; margin: auto; width: 729px; padding-top: 0px; background: #ffffff; }

/* gray elementes */

.bargray { background: url('images/static/bar_gray.gif') top right repeat-x; height: 9px; }


input { margin: 0px; padding: 0px; }
.button { cursor: pointer; }
.checkout { margin: 10px; }
.checkout .subform_title { padding-bottom: 5px; font-size: 14px; font-weight: bold; font-style:italic; color: #000080;margin-top: 25px; }
.checkout td.subform_title { border-bottom: 1px solid #c0c0c0; }
.checkout .address_label { padding-bottom: 5px; font-size: 14px; font-weight: bold; font-style:italic; color: #000080; }
.checkout .billing   { margin:auto; text-align: left; }
.checkout .shipping  { margin:auto; text-align: left; }
.checkout div.label     { float: left; width: 150px; border-right: 1px solid #c0c0c0; padding: 5px; background: #f0f0f0; font-weight: bold; text-align: right; color: #606060; }
.checkout td.label     { border-right: 1px solid #c0c0c0; padding: 5px; background: #f0f0f0; font-weight: bold; text-align: right; color: #606060; border-left: 1px solid #c0c0c0; }
.checkout .street2 .label     { border-top: 0px; none; }
.checkout .name .label     { border-top: 0px; none; }
.checkout div.field     { float:left; width: 250px; text-align: left; margin-left: 10px; }
.checkout td.field     { width: 250px; text-align: left; padding: 2px; padding-left: 5px; border-right: 1px solid #c0c0c0; }
.checkout .field     input  { margin-bottom: 2px; margin-top: 2px; }
.checkout .field     select { margin-bottom: 2px; margin-top: 2px; }
.checkout .name      input  { width: 150px; }
.checkout .name2     input  { width: 150px; }
.checkout .company   input  { width: 150px; }
.checkout .street    input  { width: 200px; }
.checkout .street2   input  { width: 200px; }
.checkout .city      input  { width: 150px; }
.checkout .state     select { width: 200px; }
.checkout .state     input  { width: 150px; }
.checkout .post      input  { width: 80px;  }
.checkout .country   select { width: 200px; }
.checkout .phone     input  { width: 150px; }
.checkout .email     input  { width: 200px; }
.checkout .error { padding: 2px; padding-left: 0px; text-align:left; }
.checkout .error .errortext { font-size: 10px; background: #ffd0d0; padding: 2px; float:left; border: 1px solid #c00000; border-left: 0px none; }
.checkout .messagebox { margin-bottom: 10px; }
.checkout .messagesbox .errortext { border: 1px solid #c00000; background: #ffd0d0; padding: 5px; margin-top: 10px; font-weight: bold; }
.checkout .sameas td { border-left: 1px solid #c0c0c0; padding: 5px; background: #f0f0f0; border-bottom: 1px solid #c0c0c0; border-right: 1px solid #c0c0c0; font-size: 11px; font-style: italic; }
.checkout .sameas input { margin-right: 5px; }
.checkout_top { background: url('images/static/topbanner_checkout.gif'); height: 80px; border-bottom: 1px solid #c0c0c0; }
.checkout .address_label { padding-bottom: 5px; font-size: 14px; font-weight: bold; font-style:italic; color: #000080; }
.checkout .address { border: 1px solid #c0c0c0; background: #f0f0f0; padding: 5px; }
.checkout .methods .title { border: 1px solid #c0c0c0; background: #f0f0f0; padding: 4px; padding-bottom: 0px; height: 20px; }
.checkout .methods .method { padding: 5px; }
.checkout .methods .icon { width: 100px; padding-right:15px; }
.checkout .methods .quotes { padding-top: 5px; margin-bottom: 5px; }
.checkout .methods .quote  { margin-bottom: 5px; }
.checkout .methods .quote .mark { border: 1px solid #c0c0c0; padding: 3px; background: #ffffff; }
.checkout .methods .quote .text { border-bottom: 1px solid #c0c0c0; padding-bottom: 1px; }
.checkout .methods .quote .cost { width: 100px; padding: 2px; padding-left: 5px; padding-right: 5px; border: 1px solid #c0c0c0; font-weight: bold; background: #ffffff; }
.checkout .methods .paymark { padding: 6px; padding-bottom: 0px; height: 20px; border-right: 1px solid #c0c0c0; margin-right: 10px; }
.checkout .methods .payfield { margin-left: 10px; }
.checkout .methods .payfield_label { font-weight: bold; width: 100px; height: 20px; font-size: 11px; }
.checkout .methods .payfield_field { width: 190px; height: 24px; font-size: 10px; line-height: 9px; }
.checkout .comments {margin-left: 10px; }
.checkout_title { font-weight: bold; font-size: 16px; color: #cc6633; margin-top:10px; }
.checkout_success { border: 1px solid #c0c0c0; background: #f0f0f0; padding: 10px; padding-bottom: 5px; width: 300px; margin: auto; margin-bottom: 25px; }

.topbanner {
	text-align: left;
	padding-top: 15px;
	padding-right: 35px;
	padding-left: 20px;
	font-size: 28px;
	color: #6495ED;
	font-variant:small-caps;
}

.topbanner_sm {
	text-align: left;
	font-size: 23px;
	color: #6495ED;
	font-variant:small-caps;
	line-height: 16px;
	margin-top: 8px;
	margin-bottom: 15px;	
}

.topbanner_smleft {
	text-align: right;
	font-size: 20px;
	color: #666;
	font-variant:small-caps;
	font-style: italic;
	padding: 10px 420px 0 0;
}


.linegray { background: #c0c0c0; height:1px; }

/* THEME SPECIFIC */
/* PRODUCTS */


#bottom_button_bar_products {
	margin: 0;
	padding: 0 0 10px 0;
}



#bottom_button_bar_products a { 
	color: #FFFFFF;
	text-decoration: none;
}

.highlight { background: #771144; }

/*
#bottom_button_bar_products a:link    {color: #ffffff; background: #113388; }    
#bottom_button_bar_products a:visited {color: #ffffff; background: #113388; }
#bottom_button_bar_products a:hover   {color: #000000; background: #ffffff; }
#bottom_button_bar_products a:active  {color: #000000; background: #ffffff; } 
*/
.support_page { 
	margin: 10px 20px;
	color: #666;
}
.support_page .title { 
	color:#333;
	font-size:20px;
}

.support_page th {
	font-weight: normal;
}

.support_page .subtitle { font-weight: bold; color: #333; }

.support_page .label { vertical-align: top; padding-right: 10px; }
.support_page .button { vertical-align: bottom; }
.support_page .error_message { font-weight: bold; color: #c00000; font-style:italic; }

.support_page .troubletable { border: 1px solid #c0c0c0; border-left: 0px none; border-bottom-width: 2px; margin-bottom: 25px; }
.support_page .troubletable td { text-align: left; vertical-align: top; padding: 5px; }
.support_page .troubletable tr.rowH td { background: #909090; color: #ffffff; }
.support_page .troubletable td.col0 { border-left: 1px solid #c0c0c0; }
.support_page .troubletable td.col00 { border-left: 1px solid #c0c0c0; }
.support_page .troubletable td.col1 { border-left: 1px solid #c0c0c0; border-top: 1px solid #c0c0c0; }
.support_page .troubletable td.col2 { border-left: 1px solid #c0c0c0; border-top: 1px solid #c0c0c0; }
.support_page .troubletable td.col3 { border-left: 1px solid #c0c0c0; border-top: 1px solid #c0c0c0; }

.company_page { 
	margin: 10px 20px;
	color: #666;
}
.company_page .title { 
	color:#333;
	font-size:20px;
}

.company_page .subtitle { font-weight: bold; color: #333; }
.company_page p { margin-top: 2px; font-size: 11px;}

/*
#top_button_bar_products { background-color: #771144; }
#bottom_button_bar_products { background-color: #771144; }
.product_short .title { color: #771144; }
.highlight { background: #771144; }
*/


/* PRODUCT STYLES */

.product_box {
	float: right;
	width: 350px;
}

.product_top { 

}
.product_top .bargray   { width: 300px; text-align: right; } 
.product_top .image_box { 
	text-align: left;
}

.product_top .image_box .imgsmall { width: 50px; height: 50px; border: 1px solid #c0c0c0; text-align:center; vertical-align:middle; margin-right: 10px; margin-bottom:10px;}

.product_img_big { 
	padding: 100px 0 0 0;
	width: 320px; 
	height: 240px;  
}

.product_top .image_box .imgnone { width: 50px; height: 50px; text-align:center; vertical-align:middle;}


.product_details .spectable { border: 1px solid #c0c0c0; }

/********************** CHANGE THESE FOR FONTS **************************/
.product_top .intro_box {
	width: 300px;
	padding: 10px 0 0 0;
	color: #666;
	font-weight: bold; 
	margin: 0;
}

.intro_box h2 {
	color: #6495ED;
	font-size:12px;
	font-weight: bold;
	margin: 0 0 10px 0;
	padding: 0;

}

.text_box {
	font-size: 14px;
	color: #000000;
	width: 300px;
}

.text_box h2 {
	color:#6495ED;
	font-size:12px;
	font-weight: bold;	
	margin: 0;
	padding: 0;
}

.text_box ul.features_list  {
	margin: 5px 0 15px 12px;
	padding: 0;
	list-style: none;
}

.text_box li.features_list {
	font-size: 14px;
	margin: 0;
	padding: 0;
}


.product_top .buy_box {
	width: 350px; 
}

/* Product shorts on category view in products.php */
.products .product_short {
	float: left;
	cursor: pointer;
	width: 310px;
	height: 110px;
	margin: 12px 3px 8px 20px;
	style: transparent;
	border: 1px outset #6495ED;
}

.products .product_short a {
	text-decoration: none;
	color: #666;
}

.products .product_short .image {
	float: left;
	margin-left: 3px;
	margin-top: -5px;
	text-align: center;
	width: 87px;
	line-height: 75px;
}

.products .product_short .title {	
	text-align: left;
	padding: 4px 0 4px 47px;
	margin-bottom: 10px;
	background: url(images/buttonBGbarsm2.jpg);
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
}

.products .product_short .text {
	margin: 0 0 0 87px;
	padding-top: 5px;
	color: #666;
	text-align:left;
	font-size: 12px;
}

.products .product_short .price {
	margin: -3px 14px 0 56px;
	color: #666;
	text-align: right;
	font-size: 12px;
}

.products .product_short .text b {
	display: none;
}

/* Product Shorts on the home page */

.index .product_short {
	cursor: pointer;
	margin: 0 0 15px 26px;
	width: 200px;	
	border: 2px outset #6495ED;
	background: #fff;
	height: 110px;
	background-repeat: no-repeat;
}

.index .product_short .title {
	padding: 2px 0 2px 5px;
	background-image: url('images/buttonBarBGsm.jpg');
	color: #fff;
	font-weight: bold;
	border: 0px outset #666666;
}

.index .product_short .text {
	background-repeat: none;
}

.product_details .spectable td.col1 {
	padding-left: 5px;
	padding-right: 5px;
	border-top: 1px solid #c0c0c0;
	border-right: 1px solid #c0c0c0;

	color: #909090;
	font-weight:bold;
}
.product_details .spectable td.col2 {
	padding-left: 5px;
	padding-right: 5px;

	font-size: 11px;
}

.product_details p {
	margin-top: 2px;
}

.product_details a {
	text-decoration: none;
	color: #666;
}

#index {
	height: 300px;
	margin: 0;
	padding: 0px 0 0 0;
	background-image: url(images/lf/footer-no.jpg);	
	background-position: top center;
	background-repeat: no-repeat;
}

#products {
	padding: 10px 0 0 0;
}