/* CSS Document */
*, html {
    margin:0px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:12px;
}
body{
    background-color:#FCFDED;
    background-color:#FFFFFF;
}

td {
}

form {
    display:inline;
}

h1 {
    margin-bottom:18px;
    font-size:15px;
    font-weight:bold;
    color:#163B98;
}
h1 a {
    font-size:15px;
}
p,ul,ol,blockquote {
    margin-bottom:15px;
}
blockquote {
    margin-left:30px;
}

td {
    vertical-align: top;
}


a {
    color:#163B98;
}
a:hover {
    color:#000000;
}

/*
.ancorTag{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#163B98;
}
a.ancorTag:hover{
	text-decoration:underline;
	color:#E2E2E2;
}
.ancorTag2{
	font-size:12px;
	font-weight:bold;
	color:#9966cc;
  	margin-top:-1px;
	text-decoration:none;
}
a.ancorTag2{
	text-decoration:none;
}
a.ancorTag2:hover{
	text-decoration:none;
}
.ancorTag3{
	font-size:12px;
 	text-decoration:underline;
}
a.ancorTag3{
	text-decoration:underline;
}
a.ancorTag3:hover{
	text-decoration:underline;
}
*/


#banner {
    position:fixed;
    width:100%;
    top:0px;
    left:0px;
    padding:10px;
    clear:none;
    background-color:#EFF3C1;
    text-align:center;
}
html, body { height: 100%; }
#wrapper { width: 1160px; height: auto !important; height: 100%; margin: 0 auto -122px; }
#footer, .push { height: 122px; /* .push must be the same height as .footer */ }
.push { clear: both; }
#msg { font-style: italic; }

#fixed { position: fixed; height: 190px;z-index:999999;}
#header { width: 1160px; height: 130px; background: #E11B22; position: relative; }
#logo { background: url(../images/Heat_White.jpg) no-repeat; width: 219px; height: 98px; float: left; margin: 14px 0 8px 16px; }
#ribbon { position: absolute; right: 0px; top: 0px; width: 159px; height: 66px; background:url(../images/ribbon.png) no-repeat; }
.ribbon {
    position: absolute;
    color: #fff;
    border: 2px dotted #fff;
    font-size: 10px;
    right: -32px;
    top: 25px;
    padding: 4px 30px;
    font-weight: bold;
    transform: rotate(36deg);

}
#logout { position: absolute; right: 30px; top: 72px; color: #FFF; font-size:18px; font-weight: bold; }
#logout a { color: white; } #logout a:hover { color: #163B98; }
#log { position: absolute; right: 40px; top: 87px; }
#log a { text-decoration: none; }
#log p { float: left; color: #333; font-weight: bold; line-height: 24px; }
#log_icon { width: 24px; height: 24px; background: url(../images/basket.jpg); font-size: 0px; text-indent: -99999999px; float: left; margin-left: 4px; border-left: 1px solid #FFF; }
.description { color: #FFF; font-weight: bold; position: absolute; right: 120px; top: 58px; text-align: center; }
.description span { font-size: 13px; }
.description p { font-size: 15px; }
.page_heading, .seo_h2 { text-transform: uppercase; position: absolute; left: -9999999px; }
#main_menu { background: #E11B22; float: left; clear: left; border-top: #fff solid 2px;}

#main_menu form { float: right; margin: 6px 15px 0 0; }
#s { width: 165px; }
#searchsubmit { width: 60px; background-color: #8A8E91; background: url(../images/search_button_bg.jpg) repeat-x; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border:thin solid #666; color: #FFF; font-weight: bold; }
#searchsubmit:hover { background-color:#333; border:thin solid #333; }

.nav {height:40px; color:#fff; z-index:1000; width:1160px; float:left; margin-left: -10px; padding:0; margin:0;
    background: rgb(175,21,26);
    background: -moz-linear-gradient(180deg, rgba(175,21,26,1) 0%, rgba(225,27,34,1) 50%, rgba(175,21,26,1) 100%);
    background: -webkit-linear-gradient(180deg, rgba(175,21,26,1) 0%, rgba(225,27,34,1) 50%, rgba(175,21,26,1) 100%);
    background: linear-gradient(180deg, rgba(175,21,26,1) 0%, rgba(225,27,34,1) 50%, rgba(175,21,26,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#af151a",endColorstr="#af151a",GradientType=1);

}
.menu {float: left; padding:0; margin:0; clear: both; }
.menu a {float:left; color:#fff; font-weight: bold; text-decoration:none; width:90px; height:38px; padding:2px 0 0 0; margin: 0; text-align:center; line-height: 18px;}
.menu a:hover {color:#fff;}
.menu {list-style:none; font:16px Arial,Verdana; text-align:left; width:1160px; margin:0 auto;}
.menu li {position:relative; float:left; width:90px; z-index:1000;}
.menu ul {display:none; position:absolute; font:normal 13px Arial,Verdana; top:40px; left:0; background: #E11B22; display:none; list-style:none;}
.menu ul li {float:none; border-top:1px solid #FFF; width:170px; padding-right: 5px;}
.menu ul li a, li.menuhover li a, li.menuhover li.menuhover li a {float:none; display:block; background:none; height:40px; padding-top:5px; width:170px;}
.menu ul li a:hover, li.menuhover li a:hover, li.menuhover li.menuhover li a:hover {color: #163B98;}
.menu ul li span, li.menuhover li span, li.menuhover li.menuhover li span {float:none; display:block; background:none; height:22px; padding-top:5px;}
.menu ul ul {left:95px; top:0;}
.menu li.submenu {font-weight:bold;}
.menu li.noborder {border-top:none;}
li.menuhover a, li.menuhover li.menuhover a {color:#fff;}
li.menuhover span, li.menuhover li.menuhover span {color:#fff;}
#menu2 li ul {padding:0;padding-left: 10px;}
.nodiv { padding-right: 5px; transition: 1s;}
.nodiv:hover {
    background: #E11B22;
}
.nodiv a { border-right: 2px solid #fff; line-height: 35px; }
.nodiv ul li a { border-right: none;}

#search_form { width:100%; height: 38px; float: right;  background: #E11B22; clear: both; }
#search_box { float: right; }
#search_form p, #search_form form { float: left; }
#search_form p { line-height: 40px; font-size: 12px; color: #fff; font-weight: bold; }

#footer { clear: both; color:#163B98; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; padding:5px; width: 1160px; margin: 0 auto; }
#dotted { margin-left: 20px; width: 1120px; height: 5px; background: url(../images/dotted.jpg) repeat-x; clear: both; }
#copyright { text-align: center; font-size: 12px; width: 1160px; height: 30px; line-height: 18px; clear: both; }
#myContent { float: left; padding: 50px 20px 50px 20px; width: 930px; margin-top: 160px; }
/* root element for the scrollable. when scrolling occurs this element stays still. */
.scrollable {
    /* required settings */
    position:relative;
    overflow:hidden;
    width: 1160px;
    height:76px;
    /* custom decorations */
    border-bottom: solid 1px #999;
}
/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/
.scrollable .items {
    /* this cannot be too large */
    width:20000em;
    position:absolute;
    clear:both;
}
.thick {
    font-weight: bold;
}
.owl-carousel .owl-item img {
    width: auto;
    height: 100%;
}
/* single scrollable item */
.scrollable img a {
    float:left;
    margin:10px 5px 10px 5px;
    background-color:#fff;
    padding:2px;
    width:100px;
    height:75px;
}
/* active item */
.scrollable .active {
    border:2px solid #000;
    position:relative;
    cursor:default;
}
.scrollable img {
    width:100px;
    height: 55px;
    overflow: hidden;
    margin:10px 5px 10px 5px;
    border:1px solid #ccc;
}
.scrollable img.hover {
    background-color:#123;
}


#nextPage {
    clear:both;
    margin:5px 0px 5px 0px;
    width:100%;
    text-align:center;
}
#ordersummary {
    padding-left:5px;
}
#ordersummaryscroll {
    /*
    height:70px;
    overflow:auto;
    */
}
#ordersummary td {
    font-size:9px;
}

#browseitem {
    float:left;
    width: 230px;
    height: 300px;
    margin: 30px 0 30px 0;
    text-align:center;
    border-bottom:1px solid #CCC;
    border-right:1px solid #CCC;
}
#browseitem table tr td {
    text-align:center;
}

.browseThumb {
    width:100px;
    height:100px;
}
.browseTitle {
    padding:5px;
    font-size:13px;
    font-weight:bold;
}
.browseP {
}

.sitemap{
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:12px;
    color:#c7a1d7;
    font-weight:bold;
    text-decoration:none;
    margin-left:20px;
}
a.sitemap{
    text-decoration:none;
}
a.sitemap:hover{
    text-decoration:underline;
    /*color:#9966cc;*/
}
.sitemap2{
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:12px;
    /*color:#c7a1d7;*/
    text-decoration:none;
    margin-left:25px;
}
a.sitemap2{
    text-decoration:none;
}
a.sitemap2:hover{
    text-decoration:none;
    /*color:#9966cc;*/
}

/*
.footer {
	background-color:#EFF3C1;
	width:779px;
	color:#163B98;
	font-size:10px;
	padding-top:5px;
	padding-bottom:5px;
	margin:1px;
	text-align:center;
}
*/

.leftNaviTable{
    background-color:#edd861;
}
.menuItem{
    display:block;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:13px;
    font-weight:bold;
    text-decoration:none;
    color:#9966cc;
    padding:3px;
}
.menuItemOver{
    display:block;
    font-size:13px;
    font-weight:bold;
    color:#ffffff;
    background-color:#c7a1d7;
    text-decoration:none;
    padding:3px;
}
.button{ background-color: #8A8E91; background: url(../images/search_button_bg.jpg) repeat-x; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border:thin solid #666; color: #FFF; font-weight: bold; cursor:pointer;}
.button2 {
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:11px;
    font-weight:bold;
    /*font-variant:small-caps;*/
    border:0px;
    color:#FFFFFF;
    background-color:#CC0000;
    cursor:pointer;
    height:17px;
}

.button3{
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:11px;
    font-weight:bold;
    border:0px;
    color:#FFFFFF;
    background: url(../images/main_button_bg.jpg) repeat-x;
    -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;
    border:thin solid #666;
    cursor:pointer;
    height:17px;
    padding: 5px;
    text-decoration: none;
}

/* FORMS */
.textBox{
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:11px;
    border: 1px solid #666;
    padding:1px;
}
.dropdownMenu{
    padding:1px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:11px;
    border: 1px solid #163B98;
}
.newproduct {
    font-weight:bold;
    color:#F30;
    font-size:150%;
}


/* TABLES */
.loginHeading, .tdSubHeader {
    /*font-weight:bold;*/
    /*color: #fff;*/
    font-weight: bold;
}
.tdData {
}

.tdBack2 {
    background-color:#E2E2E2;
}
/*
.tableTd {
	padding-top:10px;
	padding-bottom:5px;
	padding-left:5px;
}
.borderTdTop{
	border-top:1px;
	border-top-style:solid;
	border-top-color:#c7a1d7;
	width:300px;
	padding-left:10px;
}
.tableAlign{
 	padding:5px;
	margin-left:10px;
}
.borderLeftTd{
	border-left:1px;
	border-left-style:solid;
	border-left-color:#c7a1d7;
	width:300px;
}
.tdWidthHeight{
	width:10px;
	height:20px;
}
.marginTd{
	padding-bottom:8px;
	padding-top:5px;
}
.marginTd2{
	padding-bottom:8px;
	padding-top:-10px;
	padding-left:15px;
	margin-top:15px;
}
*/

.specialPrice {
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:14px;
    font-weight:bold;
    color:#009F65;
}
.specialDate {
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:10px;
    font-style:italic;
}
.specialRetail {
    text-decoration:line-through;
    color:#999999;
}


.fill{
    margin-top:-8px;
}
.bodyHeading{
    font-size:15px;
    font-weight:bold;
    color:#163B98;
}
.subHeading{
    font-size:12px;
    font-weight:bold;
    color:#9966cc;
    margin-top:-1px;
    padding:5px;
}
.bodyContent{
    margin:-15px 2px 1px 10px;
    /* margin:0px 0px 5px 0px; */
    padding:1px 5px 3px 5px;
}
.borderTop{
    border-top:1px;
    border-right:1px;
    border-top-style:solid;
    border-top-color:#c7a1d7;
    border-right-style:solid;
    border-right-color:#c7a1d7;
    width:300px;
}
.borderTop2{
    width:100px;
}

.msg{
    border:1px;
    border-style:solid;
    border-color:#c7a1d7;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    background-color:#FF0000;
    color: #333;
    width:150px;
    margin-left:20px;
}

.loginText{
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:12px;
    color:#9966cc;
}
.msgBox {
    border:1px solid #9966CC;
    padding:10px;
    margin:20px;
}
.errBox {
    border:1px solid #CC0000;
    padding:10px;
    margin:20px;
}
.dowardtip {
    display:block;
    padding:5px;
    border:1px solid #AEE0EA;
    color:#333333;
    background-color:#D2EDF3;
    font-style:italic;
    margin:0px 0px 10px 0px;
}
.grayText{
    font-family:Verdana, Arial, Helvetica, sans-serif;
    /*font-size:12px;*/
    color:#666666
}
.textfield {
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:11px;
}

/* NEW MENU SYSTEM 1ST OCT 2007 */
#menuLeft, #orderSummaryUpdate {
    width:170px;
    background-color: #FFF;
    padding-bottom:10px;
    border: 1px solid #E11B22;
    padding: 5px 5px;
}
#menuLeft a {
    display:block;
    padding:5px 5px 5px 7px;
    font-family:Arial, Helvetica, sans-serif;
    font-weight:bold;
    font-size:12px;
    color:#163B98;
    background-color: #FEF;
    text-decoration:none;
}
#menuLeft a:hover {
    background-color:#163B98;
    color: #06C;
}
#menuLeft h3, #orderSummaryUpdate h3 {
    margin:0px;
    padding:5px 5px 5px 7px;
    color:#000000;
    font-size:11px;
}

#orderSummaryUpdate {
    margin-top: 5px;
    background: white;
    background: powderblue;
    display: none;
}
/* order summery */
#menu{float: right; margin-right: 2px; padding-top: 0px; background-color: #fff; margin-top: 48px; width: 180px;}
#news{width: 500px; border: 3px solid #00AFC7;float:right;}
#news h2{color:white;padding:10px;background-color:#00AFC7;}
/*
div#banner {
	position:fixed;
	left:0px;
	bottom:0px;
	width:770px;
	height:27px;
}
*/



/* END NEW MENU SYSTEM */

.white {
    color: white;
}
.red {
    color: #E11B22;
}


/* CoolMenus 4 - default styles - do not edit */
/*.clCMEvent{position:absolute; width:99%; height:99%; clip:rect(0,100%,100%,0); left:0; top:0; visibility:visible; color:#9966cc;}*/
.clCMAbs{position:absolute; visibility:hidden; left:0; top:0; color:#9966cc;}
/* CoolMenus 4 - default styles - end */

/*Style for the background-bar*/
.clBar{position:absolute; visibility:hidden;}
/*.clBar{position:absolute; width:10; height:10; background-color:Navy; layer-background-color:green; visibility:hidden}*/

/*Styles for level 0*/
.clLevel0,.clLevel0over{position:absolute; padding:5px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold}
.clLevel0{background-color:#edd861; layer-background-color:#edd861; color:#9966cc;}
.clLevel0over{background-color:#c7a1d7; color:#ffffff; cursor:pointer; cursor:hand; }
/*.clLevel0border{position:absolute; visibility:hidden; background-color:#006699; layer-background-color:#006699}*/
.clLevel0border{position:absolute; visibility:hidden; background-color:#006699; layer-background-color:#006699}

/*Styles for level 1*/
.clLevel1, .clLevel1over{position:absolute; padding:2px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold}
.clLevel1{background-color:#edd861; color:#9966cc;color:#9966cc;}
.clLevel1over{background-color:#c7a1d7;color:#ffffff; cursor:pointer; cursor:hand; }
.clLevel1border{position:absolute; z-index:500; visibility:hidden;}

/* New buttons */
#plc_order { width: 160px; height: 26px; background:url(../images/placeorderbutton.png); display: block; text-indent: -999999px; float: left; margin-left: 20px; }
#acc_admin { width: 160px; height: 26px; background:url(../images/accountadminbutton.png); display: block; text-indent: -999999px; float: left; margin-left: 20px; }