a {text-decoration:none;}
a, a:visited, a:active {outline-style:none;}
a:hover {text-decoration:underline;}

img {border:none !important;}
.begin{border:none !important;}
.end{border:none !important;}
.bold{font-weight:bold !important;}
.highlight{color:#ff9900 !important;}
.left{float:left;}
.right{float:right;}
.clear{clear:both;}
.none{display:none !important;}
.block{display:block !important;}
.inline{display:inline !important;}

img[src="../images/HomePage/FeaturedProducts.gif"]{margin-left:0 !important;}

/* ############################### FIXES ############################### */
.qe_toolbar_ovr{z-index:9999 !important;} /*admin box*/
.next_page_img{width:auto !important; height:auto !important;}
.previous_page_img{width:auto !important; height:auto !important;}
.soft_add_content_area span, .quantity{color:#000;}
.soft_add_wrapper {z-index:999;}
#FacebookLikeButtonDiv {width: 305px !important;}
#table_checkout_cart3 li{list-style:none;}

body{
	background:#B60000 url(../images/template/body_bg.jpg) repeat-x 0 0;
	color:#10405b;
	font: normal 12px Arial, Verdana, Helvetica, Sans-serif;
	margin:0;
	padding:0;
	text-align:center;
}

/* ############################### PAGE ############################### */
#page{
	margin:0 auto;
	text-align:left;	
	width:980px;	
}

/* ############################### HEADER ############################### */
#header{
	background:url(../images/template/header_bg.jpg) no-repeat 0px 0px;
	min-height:138px;
	position:relative;
}

#topnav{
	position: absolute;
	min-height:33px;
	width:730px;
	top: 105px;
	left: 8px;
	margin-bottom:5px;
}

#display_cart_summary .cartsummary_empty {
display: none;
}
#display_cart_summary .cartsummary_full {
background-color: #FFFFFF;
border-bottom-width: 1px;
border-right-width: 0px;
border-top-width: 0px;
border-left-width: 0px;
border-style: solid;
border-color: #DDDDDD;
text-align: center;
}

/* ############################### LOGO IMAGE AND TEXT */
#display_homepage_title{
	left: 0px;
	position: absolute;
	top: 0;
	width: 641px;
	height: 138px;
}
#display_homepage_title a{
	display:block;	
	height:138px;
	overflow:hidden;	
	text-align:left;	
	text-indent:-9999px;
	width:641px;
}
a#homepage_title{     
    background: none repeat scroll 0 0 transparent;
    color: #10405B;
    font: 37px Arial, Verdana, Helvetica, Sans-serif;
    height: 138px;
    line-height: 124px;
    padding-top: 0;
    text-indent: 0;
}

#headerTop{
	color: #444444;
	font-size: 11px;
	line-height: 24px;
	margin-right: 0;
	position: absolute;
	right: 50px;
	text-align: right;
	top: 80px;
	z-index: 99;
	white-space: nowrap;
}


#headerTop a{
	color:#444444;
	margin:0 5px;
}

#headerTop span:first-child a {
	margin-left: 0;
}
/** ========== SHOPPING CART DISPLAY ========== **/
#header .cartDiv {
  z-index: 1 !important;
}

#cartWrapper {
font-weight: normal;
text-align: center;
position: absolute;
top: 95px;
right: 40px;
width: 170px;
height: 35px;
z-index: 5;
}

#cartWrapper span.cartAnchor {
  position: absolute;
  color: #444444;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: 6;
  margin-top: 15px;
}

#header a.cartLink {
  position: absolute;
  display: block;
  background: url(../images/softadd/cart.png) no-repeat 16px 14px;
  top: 0;
  padding-left: 0;
  white-space: nowrap;
  font-size: 11px;
  color: #444444;
  text-align: right;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
}
#header .cartNum {
  display: block;
  text-align: center;
  position: relative;
  z-index: 90;
  color: #444444;
  font-weight: bold;
  margin-top: 10px;
  width: 60px;
}

#header a.cartLink:hover {
  text-decoration: none;
}

#cartWrapper .cartAnchor {
  display: block;
}

#view_cart_text_right {
  display: inline;
}

/* ############################### SEARCH BOX */
#display_search_wrapper {margin:10px 20px 0 0; padding:0; float:right;}
#display_search {margin:0; padding:0;}
	
#display_search_wrapper input {
	margin:0;
	margin-top:-1px;
	padding:3px 4px;
	width:185px;
	color:#fff;
	font-size:12px;
	border:none;
	height: 22px;
	background:url(../images/template/search_bg.gif) left no-repeat;}
	
#display_search_wrapper input.empty{}

#display_search_wrapper img {margin:0; padding:0;}
/* ############################### TOP NAVIGATION ############################### */


/* ############################### CONTENT ############################### */
#content{
	margin:0 auto;
	padding:30px 10px;
	width:979px;
	text-align:left;
	background:#fff url(../images/template/content_top_bg.gif) top center no-repeat;}

/* ############################### PROMOTIONS */
#display_promotions_999{
	padding:10px 0;
	text-align:center;
	vertical-align:middle;
	width:100%;
}

/* ############################### CONTENT AREA ############################### */
#content_area{
	background: transparent;
	margin:0;
	float:left;
	font: normal 12px Arial, Helvetica, sans-serif;
	text-align:left;
	width:980px;
	padding:10px 0 0;
	text-align:left;
	border: 0px;
}

#content #content_area table{text-align:left; border: 0px;}


/* ############################### ABOUT US HOME SECTION ############################### */

#homeAbout {
	background: url(../images/template/footerbar.gif) top left no-repeat;
	color: #45647d;
        overflow: hidden;
}

#homeAbout div{
	display: block;
    float: left;
    font-size: 26px;
    margin: 15px 0;
    padding: 15px 30px;
}

#homeAbout p {
	border-left: 1px solid #E6E6E6;
    color: #45647D;
    display: inline-block;
    font-size: 10px;
    line-height: 15px;
    margin: 30px 0;
    padding: 0 30px;
    width: 708px;
}

/* ############################### FOOTER ############################### */
#footer{
	margin:0 auto;
	padding:40px 9px 0;
	width:980px;
	color:#fff;
	font-size:13px;
	text-align:center;
	background:url(../images/template/content_bottom_bg.gif) center top no-repeat;}
	
#footerTop{
	color:#000;
	min-height:80px;
	padding-top:14px;
	background: url(../images/template/footerbar.gif) top left no-repeat; 
}

/* ############################### MAILING LIST */
#eList{
	float:left;
	margin-left:-4px;
	width:183px;
	height:21px;
	background:url(../images/template/elistBg.gif) no-repeat 0 0;
}
#eList .title{text-indent:3px;}
#eList form{
	margin:0;
	padding:0;
	width:100%;
}
#elist_input{
	border:none;
	color:#517696;
	display:block;
	font:normal 11px Arial, Helvetica, sans-serif;
	margin:0 0 8px;
	padding:4px 10px 3px 6px;
	text-align:left;	
	width:117px;
	background:none;
	float:left;
}
#elist_submit {
   background: none repeat scroll 0 0 transparent;
    border: 0px solid #000000;
    color: #B9B8B4;
    cursor: pointer;
    display: block;
    float: left;
    font-size: 0;
    height: 20px;
    margin: 0;
    padding: 0;
    text-align: right;
    text-indent: -9999px;
    width: 46px;
}

#footerTop ul{
	float:left;
	list-style:none;
	margin:0 0 0 65px;
	padding:0;
}

#footerTop ul#Col1 {margin:0 0 0 22px; width:81px;}

#footerTop ul#Col2 {margin:0 0 0 64px;}

#footerTop ul#Col3 {margin:0 0 0 64px;}

#footerTop ul#Col4 {}

#footerTop ul#Col5 {width:170px; float: right;}

#footerTop ul#Col5 li a { 
	display: block;
    height: 32px;
    margin: 5px 10px 14px;}

#footerTop ul#Col5 li img { float: right;}

#footerTop li{
	color:#FFFFFF;
	font-size:11px;
	padding:0 0 5px 0;
}
#footerTop .title{
	color:#FFFFFF;
	font:15px Arial, Verdana, Helvetica, Sans-serif;
	padding-bottom:8px;
	text-transform:capitalize;
}
#footerTop li a{
	color:#FFFFFF;
	font:11px Arial, Verdana, Helvetica, Sans-serif;
}
#footerBottom{
	color:#FFFFFF;
	font:normal 11px Arial, Verdana, Helvetica, Sans-serif;
	padding:17px 0;
	text-align:center;
	margin:10px 0 0 0;
	background: url(../images/template/footerbar.gif) top left no-repeat;
}
#footerBottom a{
	color:#868686;
}

/* ERROR MESSAGES */
#content_area td[bgcolor="#ffcc00"] {
  background-color: #f6c1ac !important;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  -webkit-box-shadow: 1px 1px 6px 0px rgba(1, 1, 1, .4);
  box-shadow: 1px 1px 6px 0px rgba(1, 1, 1, .4);
  border: 1px solid #e0ad93;
}

#content_area img[src="/a/i/error_alert.gif"] {
  opacity: .4;
}

#content_area td[bgcolor="#ffcc00"] table {
  background-color: #f6c1ac !important;
}
#content_area td[bgcolor="#ffcc00"] font {
  color: #6c4836;
}

/* ############################### WINTER 2009 FIXES ############################### */
.next_page_img {width:auto !important; height:auto !important;}
.previous_page_img {width:auto !important; height:auto !important;}
.soft_add_content_area span, .quantity {color:#000;}
.soft_add_wrapper {z-index:999;}

/* ############################### CONTENT AREA PADDING FIX ############################### */
#content #content_area table {border-collapse: collapse; }


/* ############################### TOP SCROLLABLE / ROTATING BANNERS ############################### */
#scroll {
	position:relative;
	height: 0px;
	overflow:hidden;
	border:1px solid #ddd;
	width:720px;
	padding: 0px;
	height:525px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}
 
#tools {
	width:9999em;
	position:absolute;
	height:445px;
}
 
.tool {
	float:left;
	width:720px;
	height:445px;
	text-align:center;
}
 
.details {
	font-size:18px;
	color:#555;
	margin-top:-20px;
	background-color:transparent;
	padding:5px 148px;
}
 
 
#thumbs {
    background:url(../images/slideshow/nav_template_test.jpg) no-repeat;
	height:90px;
	position:absolute;
	top:441px;
	width:990px;
	left:-8px;
}
 
.t {
	padding:0 !important;
	border:0 !important;
}
 
.t a {
	background:transparent url(../images/slideshow/nav_template_test.jpg)  no-repeat scroll -21px -90px;
	margin-left:11px;
	display:block;
	width:99px;
	float:left;
	height:90px;
	cursor:pointer;
}
 
.t a.active {
	cursor:default !important;
}
 
.navi {
	margin-left:114px;
	_margin-left:104px;
}

#t0 { margin-left:20px; _margin-left:10px;}
#t0.active { background-position:-21px 0 !important; }
#t0:hover  { background-position:-21px -180px; }
#t0:active { background-position:-21px -270px; }
 
#t1 { background-position:-130px -90px; }
#t1:hover 	{ background-position:-130px -180px; }
#t1:active	{ background-position:-130px -270px; }
#t1.active	{ background-position:-130px 0 !important; }
 
#t2 { background-position:-240px -90px; }
#t2:hover 	{ background-position:-240px -180px; }
#t2:active	{ background-position:-240px -270px; }
#t2.active	{ background-position:-240px 0 !important; }
 
#t3 { background-position:-350px -90px; }
#t3:hover 	{ background-position:-350px -180px; }
#t3:active	{ background-position:-350px -270px; }
#t3.active	{ background-position:-350px 0 !important; }
 
#t4 { background-position:-460px -90px; }
#t4:hover 	{ background-position:-460px -180px; }
#t4:active	{ background-position:-460px -270px; }
#t4.active	{ background-position:-460px 0 !important; }
 
#t5 { background-position:-570px -90px; }
#t5:hover 	{ background-position:-570px -180px; }
#t5:active	{ background-position:-570px -270px; }
#t5.active	{ background-position:-570px 0 !important; }
 
#t6 { background-position:-875px -90px; }
#t6:hover 	{ background-position:-875px -180px; }
#t6:active	{ background-position:-875px -270px; }
#t6.active	{ background-position:-875px 0 !important; }

/* ############################### SIDE AD ############################### */
#sidead {
	position:relative;
	height: 0px;
	overflow:hidden;
	border:1px solid #ddd;
	width:250px;
	padding: 0px;
	height:478px;
	float:right;
	margin:0px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

/* ############################### SOCIAL MEDIA ############################### */
#socialMedia {
	position:relative;
	height: 0px;
	overflow:hidden;
	border:0px solid #ddd;
	width:250px;
	padding: 7px 0px 0px 0px;
	height:40px;

	clear: both;
	margin: 0px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

#socialMedia img {margin: 0px 10px 0px 10px;}


/* ############################### SCROLL BAR STYLE ############################### */
/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
.scrollable {

	/* required settings */
	position:relative;
	overflow:hidden;
	width: 880px;
	height:245px;

	/* custom decorations */
	border:1px solid #ccc;
	background:url(../images/scrollable/h300.png) repeat-x;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

/*
	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;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

.items div {
	float:left;
	width:880px;
}

/* single scrollable item */
.scrollable img {
	float:left;
	margin:20px 24px 20px 21px;
	background-color:#fff;
	padding:2px;
	border:1px solid #ccc !important;
	width:125px;
	height:200px;
	
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}

/* active item */
.scrollable .active {
	border:2px solid #000;
	position:relative;
	cursor:default;
}



/* ############################### SCROLL BUTTON STYLE ############################### */
/* this makes it possible to add next button beside scrollable */
.scrollable {
	float:left;	
}

/* prev, next, prevPage and nextPage buttons */
a.browse {
	background:url(../images/scrollable/hori_large.png) no-repeat;
	display:block;
	width:30px;
	height:30px;
	float:left;
	margin:107px 10px;
	cursor:pointer;
	font-size:1px;
}

/* right */
a.right 				{ background-position: 0 -30px; clear:right; margin-right: 0px;}
a.right:hover 		{ background-position:-30px -30px; }
a.right:active 	{ background-position:-60px -30px; } 


/* left */
a.left				{ margin-left: 0px; } 
a.left:hover  		{ background-position:-30px 0; }
a.left:active  	{ background-position:-60px 0; }

/* up and down */
a.up, a.down		{ 
	background:url(../images/scrollable/vert_large.png) no-repeat; 
	float: none;
	margin: 10px 50px;
}

/* up */
a.up:hover  		{ background-position:-30px 0; }
a.up:active  		{ background-position:-60px 0; }

/* down */
a.down 				{ background-position: 0 -30px; }
a.down:hover  		{ background-position:-30px -30px; }
a.down:active  	{ background-position:-60px -30px; } 


/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
}
