/*---------------------
  
    HTML STANDARDS     

---------------------*/

html {
	background-color: #d51600;
	margin: 0;
	padding: 0;
}

body, p {
	font-family: Trebuchet MS, Trebuchet, sans-serif; 
	color: #373737;
	font-size: 10pt;
}

.bodyclass {
	margin: 0 auto;
	padding: 0 10px;
	width: 1020px;
	text-align: left;
	background-color: #fff;
}

table, tr, td {
	border-collapse: collapse; 
	padding: 0; 
	margin: 0; 
}


/* GENERIC STYLES */

* {outline: none;}  /* remove blue borders generated in safari */

ul { margin: 15px 25px;}

a, a:link, a:visited,
a.links_main, a.links_main:link, a.links_main:visited { 
	font-weight: normal;
	font-family: Trebuchet MS, Trebuchet, sans-serif; 
	font-size: 10pt;
	color: #373737;
	text-decoration: underline;
}
a:hover, a.links_main:hover { 
	color: #c61425;
	text-decoration: none;
}

.right { float: right }
.left  { float: left  }

.font_error {
	font-weight: bold;
	font-size: 10pt;
    color: #ff0000;
}

.buttonstyle {
	height: 25px;
	padding: 0 10px;
	font-weight: bold;
	color: #fff;
	background-color: #d51600;
	border: 1px solid #c61425;
	margin: 2px 0;
}
.buttonstyle:hover {
	cursor: pointer;
	color: #c61425;
	background-color: #999;
}
	
input.btnhov { 
	border-color: ;
}


/* small text class */
.small_main {
	font-weight : normal;
	font-size : 8pt;
}

/* input field class */
.font_input {
	border-style:inset;
	border-width:1px;
	border-color: #999;
	margin: 2px 0;
}


/* TEMPLATE */

#template-content { clear:both; width: 1020px; margin: 0;}



/*---------------------
  
    TOP SECTION     

---------------------*/

#login_tbl {display: none}

/* HEADER */

#header{ display: block; width:1020px; margin:0 auto; position: relative; height:125px; }

#logo { position: absolute; }
#logo img { border: 0; margin-top: 0px }

#rightHeader{
	float:right;
	width: 600px;
}

#userMenu,
#siteMenu { color:#373737; float:right; display:block; height:auto; font-size: 11pt; }
#userMenu {display:none;}
#userMenu a,
#siteMenu a { margin: 0 10px; color:#373737; height: 20px; display: inline-block; text-decoration: none; padding-top: 10px; font-size: 10pt;}
#userMenu a:hover,
#siteMenu a:hover {
	text-decoration: underline;
	color: #c61425;
}
	
	#userOptions { float:left; margin: 0; vertical-align:top; }
		#loginMsg_tbl { float:left; margin:0 10px; font-size: 0.85em; font-weight:bold;}
	#userLinks { float:left; margin: 0; vertical-align:top;}
		#link-basket { }
		#link-login  { }

#contact { color: #d51600; float:right; clear:both; display:block; position:relative; top: 15px; right: 0px;}
#contact span { display:inline-block; font-weight: notmal; font-size: 12pt;}
#contact span#number { font-size: 14pt; }

 #searchbox    { display:block; position:relative; top: 15px; margin-bottom: 15px; float:right; clear:both; border: 1px solid #ccc; height:25px}
	#btn-search   { width: 28px;  height: 25px; border: 0; float:right; margin: 0 2px 0 0;}
	#search-field { width: 215px; border: 0; margin: 0; padding: 5px; color:#000; font-size:9pt}


	
	
/*  NAV BAR  */

#catMenu_tbl, #catMenu_hdr { display:none; }

#navBarMenu { border-collapse:collapse; display: block; clear:both; width:1000px; height:30px; margin-bottom: 15px; }

#categoryMenu { float:left; display:inline-block; height: 30px; }
#btn_home { float:left; display:inline-block; height: 30px;  }

#btn_home a {}


/* CATE MENU - Category selection list */

ul.makeMenu {
	list-style-type:none;
	display: table;
	padding:0;
	margin:0;
	border:0;border-collapse:collapse; 
}
ul.makeMenu > li {
	display: inline-block;
	float:left;
	margin: 0;
	width: auto;
	height: 28px;
	padding: 0;
}

#btn_home a,
ul.makeMenu li a {
	display: block;
	width: auto;
	padding: 5px 58px 5px 3px;
	text-align: left;
	color: #373737;
	font-size: 10pt;
	text-decoration: none;
	border: 0;
    border-top: 1px dotted #999;
    border-bottom: 1px dotted #505050;
}
#btn_home:hover a,
ul.makeMenu > li:hover > a,
ul.makeMenu > li > a:hover {
	text-decoration: none;
	color: #c61425;
    border-top: 1px solid #c61425;
	border-bottom: 1px solid #ccc;
}

	/* display subMenu on RollOver */
ul.makeMenu li:hover > ul {    
	display: block;
}


/* CATE SUB-MENU - Sub-category selection list */

ul.makeMenu ul {  
	display: none;        /* hide subMenu until rollover */ 
	list-style-type:none;
	position: absolute;
	z-index: 5;
	height: auto;
	background-color: #505050;
	width:auto;
	margin: 0;
	border: 0;
	padding: 0px;
    min-width:150px;
}

ul.makeMenu ul li {
	position:relative;
	display: block;
	margin: 0;
	padding: 0;
	border: 0;
	width:auto;
	border: 1px solid #ccc;
	border-top: 0;
}
ul.makeMenu ul li a {
	display: block;
	padding: 5px;
	line-height:20px;
	color: #fff;
    border: 0;
}
ul.makeMenu ul li:hover, ul.makeMenu li ul li.CSStoHighlight {
	background: none;
}
ul.makeMenu ul li:hover > a {
	background-color: #333;
	text-decoration: none;
	color: #c61425;
}



/* CATE SUB-SUB-MENU - Sub-sub-category selection list */

ul.makeMenu ul ul{  
	position:absolute;
    background-color: #333;
	margin-left: 148px;
	top: -1px;
	border-top: 1px solid #ccc;
}


/*---------------------
  
    LEFT SECTION     

---------------------*/




/*---------------------
  
    MAIN SECTION     

---------------------*/

/* HOME PAGE */

#home-overlay {
    position:absolute;
    display:block;
    z-index: 600;
    top:0;
    right:0;
    width:340px;
    height: 360px;
    padding:20px;
    margin: 35px 30px 0 0;
    background: transparent url('/images/lasource/overlay_bg.png') repeat 0 0;
	border: 4px solid #fff;
}
#home-overlay,
#home-overlay p {color:#fff; font-size:9pt}

/* rotator in-page placement */
div.rotator {
	position:relative; 
	z-index: 1;
	height:475px;
	width: 982px;
	margin: 0 auto;
}
div.rotator ul{
	list-style: none;
	padding: 0;
	margin:0;
}
/* rotator css */
div.rotator ul li {
	float:left;
	position:absolute;
	list-style: none;
	padding: 0;
	margin:0;
}
/* rotator image style */	
div.rotator ul li img {
	background: #FFF;
}
div.rotator ul li.show {
	z-index:500;
}
/* cursor */
div.rotator a {
	cursor: default;
}

#home-carousel li h3 {position:absolute; z-index:2; top:0px; background-color:#b50007; color: #fff; font-size: 9pt}
#home-carousel li h3 a {color: #fff; font-size: 9pt; display:block; padding: 5px 30px; text-decoration:none; background-image: url('/images/lasource/rightWhiteArrow.gif'); background-repeat:no-repeat; background-position: 7px 8px;}
#home-carousel li:hover h3 a {color: #fff; text-decoration:underline;}
#home-carousel li div {position:absolute; z-index:1; top:0px; margin-left:0; }

/* jCarousel */
.jcarousel-skin-tango .jcarousel-container {
    -moz-border-radius: 0px;
    margin-top: 10px
}

.jcarousel-skin-tango .jcarousel-direction-rtl {
	direction: rtl;
}

.jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 960px;
	height: 128px;
    padding: 0px 30px;
}

.jcarousel-clip {
    width:  960px;
    overflow: hidden;
}

.jcarousel-item {
    width: 237px;
    height: 128px;
    margin-right: 3px;
    margin-left: 0;
}

.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 54px;
    right: 5px;
    width: 20px;
    height: 20px;
    cursor: pointer;
    background: transparent url('/images/lasource/btn_right.png') no-repeat 0 0;
    display:block;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-next-horizontal {
    right: 5px;
    background-image: url('/images/lasource/btn_right.png');
}

.jcarousel-skin-tango .jcarousel-next-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-horizontal:active {
    background-position: -20px 0;
}
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -40px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 54px;
    left: 5px;
    width: 20px;
    height: 20px;
    cursor: pointer;
    background: transparent url('/images/lasource/btn_left.png') no-repeat 0 0;
    display:block;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-prev-horizontal {
    left: 5px;
    background-image: url('/images/lasource/btn_left.png');
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
    background-position: -20px 0;
}
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -40px 0;
}

#banner_tbl {display:block; margin: 20px auto; width:982px}
#banner_tbl td {width:491px}
#banner_tbl img {border: 1px solid #595959}

/* BREADCRUMBS */

#breadcrumbs_tbl {
    display:block;
    margin: 0;
    border:0
}
#breadcrumbs_tbl td.column_main { color: #373737;}
#breadcrumbs_tbl td.column_main b { font-weight:normal; font-size: 10pt; }
#breadcrumbs_tbl a {text-decoration:none;}
#breadcrumbs_tbl a:hover {text-decoration:underline}


/* RESULTS FILTER OPTIONS 

#hdr_results {
    display:block;
    width:642px;
    margin: 0 0 10px 0;
    border:0
}
#hdr_results td.column_main{
    height: 23px;
    width:627px;
    padding: 5px 5px 2px 10px;
    font-weight: bold;
    color: #000;
    border:0;
    background-color: #dcdcdc;
}

#pageDisplayed { font-weight: normal; width:375px; display:inline-block}
#pageDisplayed a { text-decoration: underline;font-weight: bold;}

#sortBy-container { float:right;}
#sortBy-txt { float:left; margin-right: 10px; font-weight: bold;}
#sortBy-container form { float:left;}
select.font_input[name=sortType],
select.font_input[name=imageType] {
	float:left;
	font-size:12px;
	color: #333;
	margin-right: 4px;
	margin-top: -1px;
	border-width: 1px
}
*/

/* Category Description */
#cat_hdr img {display:none}
#cat_hdr {
    padding:20px;
    margin: 35px 30px 0 0;
    background: transparent url('/images/lasource/overlay_bg.png') repeat 0 0;
	border: 4px solid #fff;
}
#cat_hdr td {padding:10px}
#cat_hdr > tbody > tr > td.column_main b {
    font-size: 12pt;
    color: #fff;
}
#cat_hdr > tbody > tr > td.column_main p {
    font-size: 11pt;
    color: #fff;
}

#prod_tbl td.small_main { text-align: left; }

/* product image */
#prod_tbl > tbody > tr.column_main > td.small_main > img { margin-right: 15px; }

/* item options */
#prod_tbl #item_Tbl { display:none;}


/*---------------------
  
    BOTTOM SECTION     

---------------------*/

/* CT link */
td.column_bottom a {}

#footer-container {width:982px; margin:15px auto;}

.footer-left {float:left}
.footer-right {float:right}

#footer-links {width:650px;  font-size: 9pt;}
#footer-links th {color:#c61425; font-weight:normal; text-transform:uppercase; text-align:left; padding-left:30px}
#footer-links td {vertical-align:top; border-left: 1px dotted #ccc; padding: 10px 30px}

#footer-links th:first-child,
#footer-links td:first-child {border-left:0; padding-left:0}

#footer-links a {display:block; text-decoration:none;}
#footer-links a:hover {text-decoration:underline;}

#mailinglist {width:330px; height: 85px; border: 1px solid #ccc; text-align:center; position:relative; margin-bottom: 15px;}
#mailinglist span {display:block; padding-top: 10px; text-transform:uppercase; font-size: 9pt; color:#ccc;}
#mailinglist input#email {width:200px; height: 25px; border: 1px solid #ccc;}
#mailinglist button#btn-join {width:21px; height: 21px; border: 0; background-color: #fff; cursor:pointer; position:absolute; right: 35px; top:22px; display:inline-block; margin-top: 10px}

#footer-brands {display:block; height: 55px}
#footer-brands > * {float:left; height: 55px}
#btn_twitter {display:inline-block; text-decoration:none; margin: 0 0 0 5px }
#btn_twitter img {display:inline-block; margin: 0px 40px; text-decoration:none;}
#txt_twitter {font-size: 8pt; color: #bbb; display:block;}

/*---------------------
  
    GOOGLE CHROME, SAFARI and other WEBKIT BROWSERS     

---------------------*/

@media screen and (-webkit-min-device-pixel-ratio:0) { 

}