/*Browser Resets*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, input, textarea, p, blockquote, th, td { padding: 0; margin: 0; }
table { border-collapse: collapse; border-spacing: 0; }
img { border: 0; }
a img, :link img, :visited img { border:none }
ol, ul { list-style: none; }
caption, th { text-align: left; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100%; }
html { font-size: 100.01%; }
body { margin: 0; font: 64% Arial, Verdana, sans-serif; }
form { padding: 0; margin: 0; display: inline; }
input, textarea, select { font:11px arial, sans-serif; vertical-align:middle;}
fieldset { margin:0; padding:0; border:none; }
img { border: none; }
table { padding:0; margin:0; border-collapse:collapse; }
td { padding:0; margin:0; }
a { text-decoration: none; color:#4486a3;}

body, html { width: 100%; height: 100%;}
body { color:#fff; background-color:#141417; background-image: url(../images/body-bg.jpg); background-repeat: repeat-x; background-position: center top; font-family: "Trebuchet MS", Helvetica, sans-serif; }
#wrap { margin: 0 auto; width: 100%; background-image: url(../images/wrap-bg.jpg); background-repeat: no-repeat; background-position: center top; }

/***** STICKY FOOTER *****/
* {margin:0;padding:0;} 
#wrap {min-height: 100%;}
#content-wrap {overflow:auto; width: 960px; margin: 0 auto; padding-bottom: 155px;}  /* must be same height as the footer */
#footer {position: relative; margin-top: -155px; /* negative value of footer height */ height: 155px; 	clear:both;} 
/*Opera Fix*/
body:before {/* thanks to Maleika (Kohoutec)*/content:""; height:100%; float:left; width:0; margin-top:-32767px;/* thank you Erik J - negate effect of float*/}

/*****  HEADER SECTION  *****/
#header { overflow:hidden; width:100%; }
.logo { float:left; overflow: hidden; margin: 0; }
#vp_horomenu { width: 532px; float: right;}
#header .home { height: 320px; width: 960px; background-image: url(../images/home-banner.jpg); background-repeat: no-repeat; background-position: right bottom; }
.banner { padding: 170px 0 0 17px;}
.banner h1 { font-size: 28px; line-height:32px; font-weight:bold; font-style:italic; color:#fff;}
.banner h2 { font-size: 24px; line-height:32px; font-weight: bold; font-style: italic; color:#8c9fa7;}
.banner p { font-size: 13px; line-height:22px;}

/***** CALLOUT SECTION *****/
#callout { background-color:#30383c; padding: 12px 4px; border: 2px solid #525b60; width: 948px; height: 210px;}
#callout .featured { width: 221px; padding: 0 8px; float: left;}
#callout .featured .title { background-image: url(../images/callout-title-bg.jpg); background-repeat: no-repeat; height: 45px; width: 221px; text-align:center; font-size: 20px; line-height: 45px; display:block; color:#fff;}

/*****  CONTENT SECTION  *****/
#content { padding:0; }
#content .columns-border { }
/* content columns */
#content .columns { overflow:hidden; width:100%; }

/*****  SIDEBAR SECTION  *****/
.side-bar { float:left; width:235px; margin:0; display:inline; font-size: 12px; line-height: 20px; color:#8c9fa7; padding: 19px 0 0 17px;}
.side-bar h2 { color: #fff; font-size: 14px; }
/* side boxes */
.sidebarcell { width: 235px; padding: 0; }
.rightside-bar { float:left; width:235px; display:inline; }
.sidebarcell .title { padding: 0; width: auto; }
.sidebarcell h2 { color: #fff; font-size: 14px; }
.sidebarcell .contentcell { padding: 5px 5px 12px 0px; }
.sidebarcell a { color:#4486a3; }
.sidebarcell a:hover { text-decoration:underline }
.side-bar .menulist {}
.side-bar .menulist li { margin: 0; padding: 0;}
.side-bar .menulist li a { font-size: 16px; line-height:22px; color:#fff;}

.searchresultwrapper { z-index:999; position:absolute; width:150px; padding:3px 1px 3px 5px; background:#30383c; font-family:arial; font-size:11px; text-align:left; visibility:hidden; border: 2px solid #8e121a; }
.searchresultwrapper a { color:#FFF !important; font-weight:normal !important; }
.searchresultwrapper a:visited { color:#fff !important; font-weight:normal !important; }
.searchresultwrapper a:active { color:#4486a3 !important; font-weight:normal !important; text-decoration: none; }
.searchresultwrapper a:hover { color:#4486a3 !important; font-weight:normal !important; text-decoration: none; }

/*****  MAIN CONTENT SECTION  *****/
#main { float:left; width:692px; margin:0; padding: 19px 16px 19px 0;  font-size: 13px; line-height: 22px; }
#main h1 { color:#fff; padding:0px; text-transform: uppercase; font-size: 20px; line-height: 40px; margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0; }
#main h1 a { font: bold 14px/18px Arial, Helvetica, sans-serif !important; }
#main h1 a:hover { text-decoration: underline !important; }
#main h1.productname { color: #ffffff; text-align: left; padding-left: 20px; margin-bottom: 0px; background-color: #8e121a; height: 40px; }
#main h2 { margin:10px 0 0; font: bold 14px/18px Arial, Helvetica, sans-serif; color:#fff; padding:11px 0 11px 0px;/*	text-transform: uppercase;*/ }
#main h2 a { font: bold 14px/18px Arial, Helvetica, sans-serif !important; color:#fff !important; }
#main h2 a:hover { text-decoration: underline !important; }
h2.picheader { /* Heading style for headings with picture, e.g. shopcustomer.asp */ padding:10px 5px 10px 50px !important; margin:5px 0px 5px 0px !important; background-position:1% 50% !important; background-repeat:no-repeat !important; background-color:#F1F1F1 !important; border:1px solid #C3C6CD !important; color:#666666 !important; text-transform:none !important; font-size:12px !important; }
#main a { color: #4486a3; }
#main a:hover { text-decoration: underline; }
#main .product-wrapper { margin-top:10px; }

/***** BREADCRUMB LAYOUT *****/
#main .breadcrumb a { color:#fefefe;}

/***** CATEGORY LAYOUT *****/
#main .category_container { background-color:#30383c; padding: 12px 4px; border: 2px solid #525b60;}
#main .categorysummary .title a{ background-image: url(../images/callout-title-bg.jpg); background-repeat: repeat-x; height: 45px; width: 100%; text-align:center; font-size: 20px; line-height: 45px; display:block; color:#fff;}

/***** PRODUCT LAYOUT *****/
#main .main-product { color:#fff;}
#main .productcolwrapper { padding: 8px;}
#main .productwrap {background-color:#30383c; padding: 12px; border: 2px solid #525b60;}
#main .productsummary .productname { color: #fff; background-color: #eaeaea; font-weight:bold; line-height:22px; text-align:left; padding-left:5px; margin-bottom:0px; background-color:#8e121a; height: 28px; }
.tellfriendiframe { overflow:hidden; border:0; width:100%; height:600px; margin-top:10px; }
.reviewproductiframe { overflow:hidden; /*overflow-y:auto;*/ border:0; width:100%; margin-top:10px; margin-left:0px; height:900px; }
.questioniframe { overflow:hidden; border:0; width:100%; height:600px; margin-top:10px; }


/*****  FOOTER CONTENT SECTION  *****/
#footer { background-image: url(../images/footer-bg.jpg); background-repeat: repeat-x; background-position: center top; }
#vp_footer { width: 960px; margin: 0 auto; border-top: solid 3px #21262a; height: 75px;}
#vp_footer #social { line-height: 75px; color:#8c9fa7; width: 252px; float: left; height: 75px; font-size: 12px;}
#vp_footer #social span { float: left; padding: 0 4px 0 0; }
#vp_footer #social img { margin: 12px 0 0 0;}
#vp_footer .copyright { float: left; width: 324px; text-align:right; line-height: 75px; color:#fff; font-size: 12px; padding: 0 4px 0 0;}
#vp_footer .bottomlinks { width: 380px; float: left; padding: 31px 0 0 0;}
#vp_footer .bottomlinks ul { display: inline; }
#vp_footer .bottomlinks ul li { display:block; float: left; padding: 0 4px; border-left: 1px solid #2e3337; line-height: 12px;}
#vp_footer .bottomlinks ul li a { font-size: 12px; color:#4486a3;}