﻿* {
    margin: 0;
    padding: 0;
}


body
{
    background-color: #777777;
    font-size: 10pt;
    font-family: Arial, Helvetica, Sans-Serif;
    margin: 0px;
    padding: 0px;
    color: #696969;
}

div
{
	text-align: left;
}

.bold
{
	font-weight: bold;
}

div.fl
{
	float: left;
}


div.fl.welcome
{
	margin-left: 10px; 
	margin-top: 2px; 
	font-size: 14px;
}

a:link
{
    color: #034af3;
    text-decoration: underline;
}
a:visited
{
    color: #505abc;
}
a:hover
{
    color: #1d60ff;
    text-decoration: none;
}
a:active
{
    color: #12eb87;
}

img
{
	border: none;
}


ul li
{
	margin-left: 30px;
}



div.bottomMargin
{
	margin-bottom: 10px;
}

.yeller
{
	color: #FFCC33;
}

h1 
{
	color: #FFCC33;
	font-size: 14pt;
	font-weight: bold;
}

h3
{
	color: #FFCC33;
	font-weight: bold;
}


/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

/* you can specify a greater or lesser percentage for the 
page width. Or, you can specify an exact pixel width. */
.page
{
    width: 1000px;
    margin-left: auto;
    margin-right: auto;
}

div#header
{
    margin-bottom: 0px;
    color: #000000;
    padding: 0px;
    background-color: #546474;
    
}

div#logo
{
	float:left;
}

div#logo img
{
	border: none;
}


div#main
{
    padding: 30px 30px 15px 30px;
    background-color: #000000;
    color: #FFFFFF;
    margin-bottom: 30px;
    _height: 1px; /* only IE6 applies CSS properties starting with an underscrore */

}

div#main a
{
	color: #FFD700;
}

div#footer
{
    color: #999999;
    padding: 10px 0;
    text-align: center;
    line-height: normal;
    margin-top: 20px;
    margin-bottom: -10px;
    font-size: .9em;
    border-top: solid 1px #444444;
}

div#footer a
{
	color: #AAAAAA;
}

div#menucontainer
{
    float: right;
    margin-top: 56px;
}

div#submenu
{
	float: right; 
	margin-top: 16px; 
	margin-right: 6px;
}

div#submenu a
{
	color: #FFFFFF;
	text-decoration: none;
}

div#submenu a:hover
{
	color: #FFFF99;
}

div#submenu span
{
	color: #999999;
	padding-left: 4px;
	padding-right: 4px;
}

div#submenu img
{
	vertical-align: bottom;
	margin-right: -2px;
}

/* TAB MENU   
----------------------------------------------------------*/


div#menucontainer ul#menu
{
	
}

div#menucontainer ul#menu li
{
    display: inline;
    list-style: none;
    margin-left: 0px;
}

div#menucontainer ul#menu li#greeting
{
    padding: 10px 20px;
    font-weight: bold;
    text-decoration: none;
    line-height: 2.8em;
    color: #fff;
}



div#menucontainer ul#menu li a
{
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
	padding-right: 20px;
	background-color: #465768;
	border: 1px solid #404F5E;
	line-height: 30px;
	font-weight: bold;
	font-size: 1.1em;
	text-decoration: none;
	color: #FFFFFF;
}

div#menucontainer ul#menu li a:hover
{
	background-color: #596F84;
	text-decoration: none;
}

div#menucontainer ul#menu li a:active
{
    background-color: #465768;
    text-decoration: none;
}

div#menucontainer ul#menu li.selected a
{
	background-color: #5C7389;
}

/* MISC  
----------------------------------------------------------*/
.clear
{
    clear: both;
}

.error
{
    color:#FF0000;
}





.field-validation-error
{
    color: #ff0000;
}

.input-validation-error
{
    /* border: 1px solid #ff0000; */
    background-color: #ffeeee;
}

.validation-summary-errors
{
    font-weight: bold;
    color: #ff0000;
}


/*------------------------------
      Table Sorter start
---------------------------------*/

/* tables */
table.tablesorter {
	font-family:arial;
	background-color: #CDCDCD;
	margin:10px 0pt 15px;
	font-size: 8pt;
	width: 100%;
	text-align: left;
}
table.tablesorter thead tr th, table.tablesorter tfoot tr th {
	background-color: #e6EEEE;
	border: 1px solid #FFF;
	font-size: 8pt;
	padding: 4px;
}
table.tablesorter thead tr .header {
	background-image: url(../Content/TableSorter/bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}
table.tablesorter tbody td {
	color: #3D3D3D;
	padding: 4px;
	background-color: #FFF;
	vertical-align: top;
}
table.tablesorter tbody tr.odd td {
	background-color:#F0F0F6;
}
table.tablesorter thead tr .headerSortUp {
	background-image: url(../Content/TableSorter/asc.gif);
}
table.tablesorter thead tr .headerSortDown {
	background-image: url(../Content/TableSorter/desc.gif);
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
background-color: #8dbdd8;
}

/*------------------------------
      Table Sorter end
---------------------------------*/



/* LLE Specific
----------------------------------------------------------*/

input[type="text"], input[type="password"], select
{
	border: solid 1px #777777;
	padding: 2px;
}


input.email, input.company
{
	width: 250px;
}

input.name
{
	width: 120px;
}

input.phone
{
	width: 100px;
}

input.address
{
	width: 180px;
}

input.city
{
	width: 140px;
}

input.postalCode
{
	width: 80px;
}


input.error, select.error, textarea.error
{
	color: #FF0000;
	/* border: solid 1px #FF0000; */
	background-color: #FFFFAA;
}

div.lightBorder, fieldset.lightBorder, td.lightBorder, tr.lightBorder
{
	border: solid 1px #AAAAAA;
}



div#validationMessages, div#resetPasswordContainer div#passwordError
{
	color: #FF0000;
	padding: 10px;
	background-color: #111111;
	border: solid 1px #AAAAAA;
	margin: 10px;
	width: 280px;
}

div#validationMessages div.header
{
	font-weight: bold;
	padding-bottom: 6px;
}


div#validationMessages li
{
	margin-left: 14px;
}


div#itemContainer
{
	border: 1px solid #CCCCCC;
	padding-bottom: 4px;
	padding-top: 4px;
	text-align: center;
}

div#itemContainer table
{
	margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
	width: 80%;
}


div#itemContainer div.productListItem
{
	width: 150px;
	height: 170px;
	text-align: center;
	margin: 4px 4px 10px 4px;
	padding: 4px;
}


div#itemContainer div.productListItem div.imageContainer
{
	border: solid 1px #444444;
	height: 130px;
	text-align: center;
}


div#itemContainer div.productListItem div.imageContainer a 
{
	margin: 4px;
}

div#itemContainer div.productListItem div.textContainer
{
	border: 0px solid;
	height: 50px;
	text-align: center;
}

div#itemContainer div.productListItem div.textContainer a
{
	font-size: 1.1em;
	font-weight: bold;
	text-decoration: none;
	margin-bottom: 4px;

}

img.productListImage
{
	padding: 4px;
}

img.blankProductImage
{
	height: 120px;
}


#productListHeader
{
	padding-bottom: 14px;
}

#loginForm
{
	border: solid 1px #AAAAAA;
	padding: 10px;
}



#login div.error
{
	text-align: left;
	margin-top: 40px;
	color: #FF0000;
	font-weight: bold;
	margin-left: 100px;
}


#login 
{
	margin-right: 40px;
}

#login div.input, #forgotPassword div.input
{
	margin-bottom: 14px;	
}


#loginForm #loginButton
{
	width: 60px;
}

#loginForm div#links
{
	font-size: 0.8em;
}



div#productDetails
{
	border: 1px solid;
	display: block;
	padding-bottom: 10px;
}

div#productDetails table.choices 
{
	border: 1px solid #555555;
	padding: 2px;
	margin-bottom: 2px;
	color: #DDDDDD;
	font-size: 1.0em;
}

div#productDetails table.choices td
{
	padding: 4px;
}

div#productDetails table.choices th
{
	font-weight: bold;
}

div#productDetails table.choices tr.header
{
	background-color: #3A3A3A;
}

div#productDetails table.choices tr
{
	background-color: #2A2A2A;
}

div#productDetails table.choices tr.alt
{
	background-color: #222222;
}

div#productDetails table.choices input.qty
{
	width: 30px;
	
}

div#productDetails table.choices th.item
{
	width: 180px;
}

div#productDetails table.choices th.price
{
	width: 60px;
}

div#productDetails table.choices td.price
{
	text-align: right;	
	padding-right: 8px;
}

div#productDetails table.choices th.qty
{
	width: 60px;
}

div#productDetails div#mainImageContainer
{
	display: inline;
	float: left;
	/* width: 300px; */
	margin: 10px;
}

div#productDetails div#mainImageContainer img
{
	border: 1px solid #777777;
	padding: 0px;
}

div#productDetails div#descriptionContainer 
{
	float: left;
	width: 380px;
	border: none;
	margin-left: 2px;
	margin-top: 6px;
	padding: 1px;
}

div#productDetails div#descriptionContainer div#productName
{
	font-size: 1.4em;
	font-weight: bold;
	color: #FFD700;
	margin-bottom: 6px;
}

div#productDetails div#choicesContainer
{
	margin-top: 20px;
}

div#productDetails div#descriptionContainer div.choice
{
	margin-bottom: 8px;
}

div#productDetails div#descriptionContainer div.choice span.choice
{
	padding-right: 10px;
}

div.outOfStock
{
	font-size: 0.9em;
	color: #AAAAAA;
	margin-bottom: 6px;
}

/**** Start Shopping Cart ***/

div#cartContainer div.emptyCart
{
	padding: 20px;
	font-size: 1.1em;
	font-weight: bold;
}

table.cart
{
	border-collapse: collapse;
	width: 600px;
	margin-bottom: 10px;
}

table.cart td
{
	border: 1px solid #777777;
	padding: 4px;

}

table.cart td.product
{
	padding-right: 16px;
}

table.cart td.qty
{
	width: 30px;
	text-align: right;
}

table.cart td.cartSubTotal
{
	text-align: right;
	font-weight: bold;
}

table.cart td.price
{
	width: 80px;
	text-align: right;
}

table.cart input.qty
{
	width: 40px;
}

table.cart td.delete, table.cart th.delete
{
	text-align: center;
}

/**** End Shopping Cart ***/




/*** Start Register ***/

div#registerContainer table.register 
{
	margin-bottom: 10px;
}

div#registerContainer table.register td
{
	padding: 2px;
}

div#registerContainer td.label
{
	text-align: right;
	padding-right: 6px;
}

div#registerContainer div.error
{
	margin-top: 10px;
}

/*** End Register ***/


/*** Checkout ***/

div#invoiceAddresses table td
{
	padding: 6px 20px 6px 6px;
	vertical-align: top;
}



div.checkout fieldset legend
{
	font-weight: bold;
	font-size: 1.1em;
	padding-left: 2px;
	padding-right: 2px;
	color: #FFFFFF;
}


div#checkoutAddress fieldset
{
	width: 440px;
	line-height: 24px;
	padding: 10px;
}


div#checkoutAddress label
{
	width: 80px;
	float: left;
	display:block;
	text-align: right;
	padding-right: 6px;
	color: #CCCCCC;
}

div#checkoutAddress label.required
{
	font-weight: bold;
	color: #FFFFCC;
}

div.submitAddress
{
	padding-top: 6px;
}

div.submitAddress input
{
	width: 60px;
}

div#checkoutAddress select option
{
	padding-right: 14px;
}

div.checkoutNav
{
	padding: 2px;
}

div.checkoutNav a
{
	margin-right: 8px;
}

div.checkoutNav a.disabled
{
	
}

div.checkoutNav a.selected
{
	font-weight: bold;
	font-size: 1.1em;
	color: #FFFFFF;
	text-decoration: none;
}

div#shippingMethodContainer fieldset
{
	width: 240px;
	padding: 4px;
	line-height: 22px;
}

div#shippingMethodContainer label
{
	display:block;
	float:left;
	text-align:left;
}

div#shippingMethodContainer label.col1
{
	width:20px;
}

div#shippingMethodContainer label.col2
{
	width: 160px;
}

div#paymentMethodContainer fieldset
{
	width: 300px;
	padding: 4px;
}

div#paymentMethodContainer div.paymentMethod
{
	margin: 4px;
	width: 300px;
}

div#paymentMethodContainer div.paymentMethod input
{
	margin-right: 10px;
	display: block;
	float: left;
}

div#reviewContainer fieldset 
{
	width: 400px;
}


div#reviewContainer fieldset div.review
{
	padding: 6px;
}

input#submitButton
{
	width: 160px;
}

input#ccCSC
{
	width: 40px;
}



/*** End Checkout ***/


div#productImagesContainer table#productImagesTable tr
{
	vertical-align: top;
}

div#productImagesContainer table#productImagesTable td
{
	padding: 2px;
}

div#productImagesContainer img.productImageList, table#customerPics td img, div#customerPic img
{
	border: 1px solid #555555;
	padding: 2px;
}

table#customerPics
{
	width: 100%;
}

table#customerPics tr
{
	vertical-align: bottom;
}

table#customerPics td
{
	text-align: center;
	padding: 8px;
}


div#accountOrders 
{
	color: #DDDDDD;
}


div#accountOrders div.order
{
	margin-bottom: 20px;
}

div#accountOrders div.invoices table.invoices th.invoice
{
	width: 80px;
}

div#accountOrders div.invoices table.invoices th.shipMethod
{
	width: 160px;
}

div#accountOrders div.invoices table.invoices th.dateShipped
{
	width: 110px;
}


div#accountOrders div.order div.header
{
	background-color: #333333;
	padding: 4px;
	font-weight:bold;
	color: #DDDDDD;
}

div#accountOrders div.order div.header div
{
	display: inline;
	position: relative;
}

div#accountOrders div.order div.header div.orderNumber
{
	left: 40px;
}

div#accountOrders div.order div.header div.orderAmount
{
	left: 60px;
}


/*** Range Bag ***/

div#RangeBag div.leftContent
{
	float: left;
	width: 660px;
}


div#RangeBag div.rightMenu
{
	float: right;
	width: 320px;
	border: solid 1px #333333;
	
}


div#RangeBag div.rightMenu div
{
	padding: 4px;
	margin-bottom: 10px;
}

div#RangeBag div.rightMenu div.selected
{
	background-color: #34414E;
	padding-bottom: 8px;
}

div#RangeBag div.rightMenu div.selected a
{
	color: #EEEEEE;
}


div#RangeBag div.rightMenu a
{
	font-weight: bold;
	margin-bottom: 2px;
}

div#RangeBag div.rightMenu img 
{
	border:1px solid #696969;
}


div.RangeBagEntry
{
	width: 80%;	
}

div.
{
	width: 80%;	
}


div.RangeBagEntryHeader 
{
	color: #FFD700;
	font-weight: bold;
}


div#MyAccount fieldset
{
	padding: 10px;
	font-size: 0.9em;
	margin-bottom: 10px;
}

div#MyAccount fieldset#fsAddress
{
	width: 400px;
	
}

div#MyAccount fieldset#fsAddress div.addressDisplay
{
	margin-bottom: 6px;
}

div#MyAccount fieldset#fsAddress div.noAddress
{
	padding: 6px;
	font-weight: bold;
	color: #FF9900;
}



div#MyAccount fieldset#fsOrders
{
	width: 900px;
}

fieldset legend
{
	font-weight: bold;
	padding-left: 4px;
	padding-right: 4px;
	color: #FFFFFF;
}


table.MyAccountOrderList tr.odd
{
	background-color: #222222;
}


div#ProductSearchContainer div.ProductMatch
{
	padding-bottom: 10px;
}

div#ProductSearchContainer div.ProductName a
{
	font-size: 1.2em;
	text-decoration: none;
}

div#ProductSearchContainer fieldset
{
	padding: 6px;
	
}

div#ProductSearchContainer legend
{
	margin-left: 10px;
}

div#LinksContainer div.section
{
	margin-bottom: 14px;
	margin-left: 10px;
}

div#LinksContainer div.section div.header
{
	color: #FFCC33;
	margin-bottom: 4px;
	font-weight: bold;
}


div#WelcomeContainer div.section
{
	margin-bottom: 18px;
}

div#WelcomeContainer div.section img
{
	border: solid 1px #333333;
}


div#WelcomeContainer div.section div.header
{
	font-weight: bold;
	background-color: #333333;
	padding: 2px;
	
}

div#WelcomeContainer div#WelcomeContentLeft
{
	float: left;
	width: 100%;
}

div#WelcomeContainer div#WelcomeContentRight
{
	float: left;
	width: 0;
}


select#ccExpMonth
{
	width: 50px;
}

select#ccExpYear
{
	width: 64px;
}