/* private:site_styles */
body {width:100%; background-color:#fff; text-align:center; margin:0px; padding:0px; border:0px; color: #000; font-family: arial,verdana,helvetica;}

/*general styles*/
.clear, #skipNav {clear:both; font-size:1px; height:1px; line-height:1px; display:block;}
#skipNav a {color:#fff; margin-left:-9999px;}
.noShow {display:none;}

.clearboth {clear:both;}
/*header styles*/

/*body styles*/
h1 {color: #334058; background-image:url(/images/content/arrow.gif); background-position: 0px 7px; background-repeat: no-repeat; padding: 5px 0px 0px 10px; font-size: 130%; text-align: left; font-weight: bold; margin: 0px;}
h2 {color: #334058; font-size: 120%;}
h4 {font-size: 95%;}

/*footer styles*/
#netconstruct div {padding-top:15px; font-size: 75%;}
#netconstruct a { color: #000;}
#netconstruct a:active { color: #000;}
#netconstruct a:hover {text-decoration: underline; color: #000;}
#netconstruct a:visited { color: #000;}

/*homepage styles*/

#flashbanner {position:absolute; left:450px; top:20px; z-index: 4; width: 195px; height: 66px;}

#wrapper {width: 767px; border: 1px solid #1d273b; margin: auto auto; padding: 0px;}

#logo{float: right; height: 103px;}
#logo img {border: 0px;}

#banner { width:767px; height:125px; position:relative; }
* html #banner { height:150px; }
#topbanner { text-align:left; position:relative; }

#topbanner #rotator div.rotatorImage { width:507px; height:116px; position:absolute; top:0; left:0; visibility:hidden; }
#topbanner #rotator div#firstimage { visibility:visible; }


/* Home link */
#home { width:107px; height:41px; position:absolute; top:77px; left:0; z-index:3; font-size: 70%; background-image:url(/images/content/TopNavBackground.jpg); background-position:top left; background-repeat:repeat-x; }
#home .homeLeft { width:14px; height:41px; margin:0px; padding:0px; border:0; display:block; float:left; background-image:url(/images/content/TopNavLeft.jpg); background-position:top left; background-repeat:no-repeat; }
#home .homeRight { width:15px; height:41px; margin:0px; padding:0px; border:0; display:block; float:right; background-image:url(/images/content/TopNavRight.jpg); background-position:top left; background-repeat:no-repeat; }
#home a,
	#home a:visited { width:78px; height:39px; display:block; float:left; color:#ffffff; text-decoration:none; }
#home a:hover { background-image:url(/images/content/TopNavOver.gif);  background-repeat:no-repeat; background-color:#ffffff; }
#home a .innerText { position:absolute; bottom:3px; left:39px; }


#topnav {width: 767px;  float: left; clear:both; margin: 0px; z-index: 2; position: relative; top: -10px; left: 0px; padding: 0px;}
#topnav ul {float: left; margin: 0px; padding: 0px;  list-style: none;}
#topnav li {float: left; margin: 0px; padding: 0px; width: 82px; height: 41px; display: block; line-height: 80%;}

#topnav .lineone a {width: 61px; height: 26px; background-image:url(/images/content/TopNavBackground.jpg); background-position: top left; background-repeat: repeat-x; display: block; color: #fff; text-decoration: none; font-size: 70%; padding: 23px 11px 0px 10px;  margin: 0px;}
#topnav .lineone a:hover {width: 61px; height: 26px; background-image:url(/images/content/TopNavOver.gif); background-position: top left; background-repeat: no-repeat; display: block; color: #fff; text-decoration: none; font-size: 70%; padding: 23px 11px 0px 10px;  margin: 0px;}

#topnav .linetwo a {width: 61px; height: 31px; background-image:url(/images/content/TopNavBackground.jpg); background-position: top left; background-repeat: repeat-x; display: block; color: #fff; text-decoration: none; font-size: 70%; padding: 10px 11px 0px 10px;  margin: 0px;}
#topnav .linetwo a:hover {width: 61px; height: 31px; background-image:url(/images/content/TopNavOver.gif); background-position: top left; background-repeat: no-repeat; display: block; color: #fff; text-decoration: none; font-size: 70%; padding: 10px 11px 0px 10px;  margin: 0px;}


#topnav .lineone .TopNavdivider {float: left; padding: 0px; margin: -23px 0px 0px -13px; border: 0px; z-index: 3; position: relative;}
#topnav .linetwo .TopNavdivider {float: left; padding: 0px; margin: -10px 0px 0px -13px; border: 0px; z-index: 3; position: relative;}

#topnav #leftimg {float: left; margin: 0px; padding: 0px; width: 14px; height: 41px; background-image:url(/images/content/TopNavLeft.jpg); background-position: top left; background-repeat: no-repeat;} 
#topnav #rightimg {float: left; margin: 0px; padding: 0px; width: 15px; height: 41px; background-image:url(/images/content/TopNavRight.jpg); background-position: top left; background-repeat: no-repeat;}

#bottomcontent {width: 767px; float: left; clear:both; background-color: #e2e2e3; margin: -10px 0px 0px 0px;}
#bottomcontent #left{width: 168px; float: left; margin: 6px 0px 0px 6px; padding: 0px;}
#bottomcontent #left img{border: 0px; margin: 6px 0px 0px 0px;}
#bottomcontent #left ul{padding: 0px; margin: 0px 0px 0px 0px; list-style: none;}
#bottomcontent #left li{padding: 9px; margin: 0px 0px 1px 0px; width: 150px; height: 11px; background-color: #33415d; color: #fff; text-align: left; font-size: 70%;}

#bottomcontent #left .root a {text-decoration: none; color: #fff!important; width: 100%; height: 100%; display: block;}
#bottomcontent #left .root a:hover{text-decoration: none; color: #fff!important; width: 100%; height: 100%; display: block;}
#bottomcontent #left .root a:active{text-decoration: none; color: #fff!important; width: 100%; height: 100%; display: block;}
#bottomcontent #left .root a:visited{text-decoration: none; color: #fff!important; width: 100%; height: 100%; display: block;}

#bottomcontent #middle{width: 378px; float: left; margin: 6px 0px 0px 8px;}

#bottomcontent #middle #language {height: 15px; background-color: #fff; color: #2b3851; text-align: left; margin: 7px 0px 0px 0px; padding:8px; font-size: 90%;}

#bottomcontent #middle #language a,
	#bottomcontent #middle #language a:visited
	#bottomcontent #middle #language a:hover,
	#bottomcontent #middle #language a:active  { font-size: 80%; text-decoration:underline; color:#cc3300; padding-bottom:2px; }

#bottomcontent #middle #language a { *font-size:70%; }

#bottomcontent #middle #language img {border: solid 1px black; margin:3px; margin-bottom:0px;}


#bottomcontent #maincontent {width: 378px; float: left; margin: 4px 0px 0px 0px;}
#bottomcontent #maincontent {color: #5a5a5a; background-color: #fff; text-align: left; font-size:70%; padding: 22px; width: 334px;}

#bottomcontent #right{width: 194px; float: right; margin: 6px 6px 0px 0px}


#bottomcontent #right .itemwrapper {width: 100%; clear: both; border: 1px solid #28344c; background-color: #fff; text-align: left; margin: 0px 0px 6px 0px;}
#bottomcontent #right .itemtitle {color: #334058; background-color: #fff; background-image:url(/images/content/arrow.jpg); background-position: 4px 5px; background-repeat: no-repeat; padding: 2px 0px 0px 15px; font-weight: bold;}
#bottomcontent #right .itemsummary {color: #5a5a5a; background-color: #fff; text-align: left; font-size: 70%; padding: 2px 8px 2px 8px; line-height: 100%;}
#bottomcontent #right .itemprice {text-align: right; color: #cc3300; background-color: #fff; padding: 0px 9px 4px 0px; font-weight: bold;}
#bottomcontent #right .btnpromotion {border: 0px; margin: 0px 0px 0px 3px;}

#bottomcontent #right a {text-decoration: none; cursor: pointer; display: block; }
#bottomcontent #right a:hover {text-decoration: none; cursor: pointer; display: block; }

#bottombanner {background-image:url(/images/content/background-middle.jpg); background-position: top left; background-repeat: repeat-x; height: 22px; float: left; width: 767px;}
#bottombannerleft {background-image:url(/images/content/background-left.jpg); background-position: top left; background-repeat: no-repeat; height: 22px; float: left; width: 7px; display: block;}
#bottombannerright {background-image:url(/images/content/background-right.jpg); background-position: top right; background-repeat: no-repeat; height: 22px; float: right; width: 7px; display: block;}

/*innner styles*/

#twocol {width: 767px;  float: left; background-color: #e2e2e3; color: #000; background-image:url(/images/content/NavBackgroundLeft.gif); background-position: 4px 50px; background-repeat: repeat-y; margin: -10px 0px 0px 0px;}
#gallerywrap {width: 767px;  float: left; background-color: #e2e2e3; color: #000; background-image:url(/images/content/BlueBackgroundLeft.gif); background-position: 4px 50px; background-repeat: repeat-y; margin: -10px 0px 0px 0px;}
#gallerywrap #leftcol,#twocol #leftcol {width: 124px; float: left; background-color: #fff; color: #5a5a5a; margin: 0px 0px 0px 4px; border-top: 4px solid #e2e2e3;}
#gallerywrap #leftcol ul,#twocol #leftcol ul{list-style: none; padding: 0px; margin: 0px;}
#gallerywrap #leftcol li,#twocol #leftcol li{float: left; clear: both; width: 124px; text-align: left; font-size: 70%;}
#gallerywrap #leftcol a,#twocol #leftcol a {color: #5a5a5a; background-color: #fff; text-decoration: none; min-height: 9px; display: block; background-image:url(/images/content/dash.gif); background-position: bottom left; background-repeat: repeat-x; padding: 10px; font-weight: bold;}
#gallerywrap #leftcol a:hover,#twocol #leftcol a:hover {color: #cc3300; background-color: #fff; text-decoration: none; min-height: 9px; display: block; background-image:url(/images/content/dash.gif); background-position: bottom left; background-repeat: repeat-x; padding: 10px; font-weight: bold;}



#gallerywrap #rightcol,#twocol #rightcol {width: 629px; float: right; text-align: left; margin: 0px 4px 0px 0px; background-color: #fff; border-top: 4px solid #e2e2e3;}
#gallerywrap #rightcol #banner,#twocol #rightcol #banner {width: 629px; border-bottom: 5px solid #e2e2e3;}



#coltext {width: 589px; padding: 20px; color: #5a5a5a; background-color: #fff; text-align: left; font-size:70%;}

#coltext a {color: #cc3300;}
#coltext a:hover {color: #cc3300;}
#coltext a:active {color: #cc3300;}
#coltext a:visited {color: #cc3300;}
#coltext h1 {padding: 5px 0px 10px 10px;}


#language img { border:solid 1px black; }



#productcontent {width: 767px; float: left; clear:both; background-color: #e2e2e3;  background-image:url(/images/content/NavBackgroundLeft3.gif); background-position: 4px 50px; background-repeat: repeat-y; margin: -10px 0px 0px 0px;}
#productcontent #left {width: 124px; float: left; background-color: #fff; color: #5a5a5a; margin: 0px 0px 0px 4px; border-top: 6px solid #e2e2e3; }
#productcontent #left ul{list-style: none; padding: 0px; margin: 0px;}
#productcontent #left li{float: left; clear: both; width: 124px; text-align: left; font-size: 70%;}
#productcontent #left a {color: #000; background-color: #fff; text-decoration: none; min-height: 9px; display: block; background-image:url(/images/content/dash.gif); background-position: bottom left; background-repeat: repeat-x; padding: 10px; font-weight: bold;}
#productcontent #left a:hover {color: #f55b35; background-color: #fff; text-decoration: none; min-height: 9px; display: block; background-image:url(/images/content/dash.gif); background-position: bottom left; background-repeat: repeat-x; padding: 10px; font-weight: bold;}


.leftNavRoot {color: #5a5a5a; background-color: #fff; text-decoration: none; min-height: 9px; display: block; background-image:url(/images/content/dash.gif); background-position: bottom left; background-repeat: repeat-x; padding: 10px; font-weight: bold;}

.root a {color: #29354d!important;}
.root a:hover {color: #f55b35!important;}
.root .selected {color: #29354d!important;}

.parent a {padding: 10px 10px 10px 15px!important; color: #38455e!important;}
.parent a:hover {padding: 10px 10px 10px 15px!important; color: #f55b35!important;}
.parent .selected {padding: 10px 10px 10px 15px!important; color: #38455e!important;}

.child a {padding: 10px 10px 10px 20px!important; color: #414f68!important;}
.child a:hover {padding: 10px 10px 10px 20px!important; color: #f55b35!important;}
.child .selected {padding: 10px 10px 10px 20px!important; color: #414f68!important;}



#productcontent #middle{width: 426px; float: left; margin: 0px 0px 0px 8px; border-top: 6px solid #e2e2e3; font-size:70%;}
#productcontent #middle a {color: black;}
#productcontent #middle a:hover {color: black;}
#productcontent #middle a:active {color: black;}
#productcontent #middle a:visited {color: black;}
#productcontent #middle h1 {padding: 5px 0px 10px 10px;}
#productcontent #maincontent {color: #5a5a5a; text-align: left;  padding: 22px; width: 380px;}

.itemwrapper img {border: 0px;}

#productcontent #right{width: 194px; float: right; margin: 6px 6px 0px 0px}
#productcontent #right .itemwrapper {width: 100%; clear: both; border: 1px solid #28344c; background-color: #fff; text-align: left; margin: 0px 0px 6px 0px;}
#productcontent #right .itemtitle {color: #334058; background-color: #fff; background-image:url(/images/content/arrow.jpg); background-position: 4px 7px; background-repeat: no-repeat; padding: 5px 0px 0px 15px;}
#productcontent #right .itemsummary {color: #5a5a5a; background-color: #fff; text-align: left; font-size: 70%; padding: 8px;}
#productcontent #right .itemprice {text-align: right; color: #cc3300; background-color: #fff; padding: 0px 9px 4px 0px; font-weight: bold;}
#productcontent #right .btnpromotion {border: 0px; margin: 0px 10px 0px 3px;}
#productcontent #right a {text-decoration: none; cursor: pointer; display: block; }
#productcontent #right a:hover {text-decoration: none; cursor: pointer; display: block; }

.index .productwrapper { color:black; width:100px; margin:0 0.5em 1em 0; padding:0; float:left; text-align:center; }
.index .productwrapper h2.productTitle, 
	.index .productwrapper div.productImage,
	.index .productwrapper div.productImage img { color:black; margin:0; padding:0; border:0; }
.index .productwrapper h2.productTitle { color:black; margin:0.5em auto; }


.maincontent .productwrapper {width: 386px; float: left; clear: both; padding: 0px; margin: 0px; margin-right:5px; margin-bottom:15px;}
.maincontent .productimage {width: 64px; float: left;}
.maincontent .producttitle {width: 315px; float: right; padding: 0px; margin: 0px; height: 22px;}
.maincontent .producttitle h2 {color: black; padding: 0px; margin: 0px;}

.maincontent .productsummary {width: 315px; float: right;}
.maincontent .productlink {width: 315px; float: right; text-align: right;}
.maincontent .productbanner {width: 100%; float: left; clear: both; margin: 0px 0px 0px 0px; border-bottom: 5px solid #e2e2e3;}


#productcontent a {color: #f45b35; text-decoration : none; font-weight: bold;}
#productcontent a:hover {color: #f45b35; text-decoration : underline; font-weight: bold;}




#promobottom {width: 767px; float: left; clear:both; background-color: #e2e2e3; margin: -10px 0px 0px 0px;}
#promobottom .itemwrapper {float: left; width: 232px; border: 1px solid #28344c; background-color: #fff; text-align: left; margin: 0px 0px 6px 7px;}
#promobottom .itemtitle {color: #334058; background-color: #fff; background-image:url(/images/content/arrow.jpg); background-position: 4px 7px; background-repeat: no-repeat; padding: 5px 0px 0px 15px;}
#promobottom .itemsummary {color: #5a5a5a; background-color: #fff; text-align: left; font-size: 70%; padding: 8px;}
#promobottom .itemprice {text-align: right; color: #cc3300; background-color: #fff; padding: 0px 9px 4px 0px; font-weight: bold;}

#promobottom #banner {float: left; width: 629px; border-bottom: 5px solid #e2e2e3; margin: 4px 0px 0px 4px; clear: both;}
#promobottom #banner img{float: left;}

#promobottom .paginationLinks { margin:1em; text-align:right; }
#promobottom .paginationLinks span,
	#promobottom .paginationLinks a, 
	#promobottom .paginationLinks a:visited { color:#000; }
#promobottom .paginationLinks span.selected { font-weight:bold; }

#promocontent {clear: both; width: 737px; margin: 0px 0px 0px 4px; text-align: left; background-color: #fff; float: left; padding: 10px;}

#rightcol #news {font-size: 70%; padding: 0px 10px 10px 10px;}
#rightcol #news a {color: #cc3300;}
#rightcol #news a:hover {color: #cc3300;}
#rightcol #news a:active {color: #cc3300;}
#rightcol #news a:visited {color: #cc3300;}
#rightcol #news .newswrapper {width: 600px; float: left; clear: both; padding: 0px; margin: 0px; }
#rightcol #news .newsimage {width: 64px; float: left;}
#rightcol #news .newstitle {width: 530px; float: right; padding: 0px; margin: 0px; height: 100%;}
#rightcol #news .newstitle h2 {width: 530px; padding: 0px; margin: 0px; float: left;}

#rightcol #news .newssummary {width: 530px; float: right;}
#rightcol #news .newslink {width: 530px; float: right; text-align: right;}
#rightcol #news .newsbanner {width: 600px; float: left; clear: both; margin: 0px 0px 5px 0px;}

#rightcol #news h1 {float: left; width: 600px; margin: 0px 0px 20px 0px;}


/*gallery*/

.buttonLarge a {color: #f45b35; text-decoration : none; font-weight: bold;}
.buttonLarge a:hover {color: #f45b35; text-decoration : underline; font-weight: bold;}

#gallery {width: 589px; padding: 20px; color: #5a5a5a; background-color: #dae3f7; text-align: left; font-size:70%; }
#gallery a {color: #cc3300;}
#gallery a:hover {color: #cc3300;}
#gallery a:active {color: #cc3300;}
#gallery a:visited {color: #cc3300;}


#leftcol ul.verticalMenu li a,
#leftcol ul.verticalMenu li a:visited,
#leftcol ul.verticalMenu li a:hover,
#leftcol ul.verticalMenu li a:active { color:#cc3300 !important; text-decoration:underline !important; }


#wrapper #productcontent #left ul li a,
#wrapper #productcontent #left ul li a:visited,
#wrapper #productcontent #left ul li a:hover,
#wrapper #productcontent #left ul li a:active { color:#cc3300 !important; text-decoration:underline !important; }




#HomePromotions #TopPromos,
	#HomePromotions #BottomPromos { width:194px; height:172px; position:relative; margin-bottom:15px; }
#HomePromotions .promoOffer { width:194px; height:172px; position:absolute; top:0; left:0; border:1px solid #28344c; background-color:#ffffff; visibility:hidden; overflow-x:hidden; }
#HomePromotions .promoOffer span.promotTitle,
	#HomePromotions .promoOffer span.promoSummary,
	#HomePromotions .promoOffer span.promoPrice { display:block; }

#HomePromotions .promoOffer span.promotTitle { color:#334058; background-color:#fff; background-image:url(/images/content/arrow.jpg); background-position:4px 7px; background-repeat:no-repeat; padding:5px 0px 0px 15px; }
#HomePromotions .promoOffer span.promoSummary { color:#5a5a5a; background-color:#fff; text-align:left; font-size:70%; padding:0 2px; }
#HomePromotions .promoOffer span.promoPrice {text-align: right; color: #cc3300; background-color: #fff; padding: 5px 9px 4px 0px; font-weight: bold;}

#HomePromotions div.firstPromo { visibility:visible; }


.bannerText { font-size:70%; padding:10px; background-color:#222e44; color:#ffffff; }