/* RESET */
html,body,h3,div,ul,ol,li,dl,dt,dd,h1,h2,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4 { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }

/* GLOBALHEADER */
#header { width: 982px; height: 38px; margin: 18px auto; position: relative; z-index: 9998; }

img {
border:none;
}



/* DIRECTORY NAV */

#middle_menu { font-size: 11px; background: url(mittenmeny-leftright.gif) repeat-y; float: left; width: 100%; position: relative; margin-top: 10px; }
#middle_menu .column { width: 122px; padding: 9px 0 0 18px; }
#middle_menu .column.last { float: left !important; padding-right: 0; }
#middle_menu h3 { color: #444; font-weight: bold; }
#middle_menu a { display: block; _zoom: 1; }
#middle_menu a:link,
#middle_menu a:visited { color: #777; text-decoration: none; }

#middle_menu a:hover { color: red !important; text-decoration: none !important; }
#middle_menu .capbottom { clear: both; position: relative; top: 5px; _top: 12px; height: 9px; width: 980px; background: url(mittenmeny-bottom.jpg) no-repeat; }
.clear { clear: both; }

#main p.intro { font-size: 18px; }


/* NEW NEW BREADCRUMBS */
#breadcrumbs { font-size: 11px; color: #444; background: url(mittenmeny-top.jpg) no-repeat; height: 36px; line-height: 34px; margin: 0; list-style: none; font-weight: bold; text-shadow: 2px 2px 1px #fff; behavior: url(/global/scripts/lib/iepngfix.htc); }


/* GRID */

.column { float: left; }
.grid3col { width: 100%; }


.grid3col .column { width: 12%; margin-left: 2.1%; }


.column.first, .column.last { margin-left:-30px !important; }
.column.last { float: right !important; }

#content:after, .grid3col:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

/* GRID2 */

.grind { width: 100%; }


.grind .column { width: 18%; margin-left: 2.5%; }


.column.first, .column.last { margin-left: 0 !important; }
.column.last { float: right !important; }

#content:after, .grind:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

/* TYPE */
body { font: 12px/18px "Lucida Grande", Arial, Verdana, sans-serif; background-color: #fff; color: #333; }

a { color: #e3e3e3; }
a:link, a:visited, a:active { text-decoration: none; }
a:hover { text-decoration: underline; }

#compare { border-top: 0px solid #ddd; padding-top: 18px; width: 880px; height: 22px; margin: 0 0 9px; no-repeat 0 100%; text-indent: -9999px; overflow: hidden; }
#compare h3 {font-size: 18px; border-top: 1px solid #ddd; padding-top: 18px; width: 910px; height: 22px; margin: 0 0 9px; no-repeat 0 100%; text-indent: -9999px; overflow: hidden; }


strong, b { font-weight: bold; }
em, i { font-style: italic; }
abbr { border: 0; }


/* bannerwrapper*/
#catHolder {min-height:400px; position:left}
#content_wrapper {width:982px; margin:0px auto; padding:0px 0px 0px 0px; text-align:left; min-height:200px}
#content_wrapper.index {text-align:center;}
#products {overflow:hidden; position:relative; height:426px; text-align:center; width:982px;}
#products.index {height:370px;}
#products.index ul.index {height:370px}
#products ul {height:426px; margin:0 auto; padding:0}
#products ul {padding-top:3px}
#products ul li {float:left; width:235px; margin-top:1px}
#products ul li.gridsmall {float:left; /*width:180px;*/width:160px; height:213px; padding:0;}
#imageContainer {position:relative;padding: 0 0 5px 0; width:0px;  height:330px}
/**Scroll Bar**/					
.handle-hor{height: 13px;width:112px; background: url(handle.gif) no-repeat; /*_margin-left:-300px*/}
.scrollbar-hor{background:url(slider_bkg.jpg) no-repeat; height: 13px;width: 982px; margin:10px 0 0 0; _margin:15px 0 0 -200px; text-align:left}

#dir_content { padding: 2px 15px 0;  }
#dir_content .grid4col { width: 950px; }
#dir_content .grid4col .column { width: 150px; margin-left: 55px; }
#dir_content .grid4col .column img { display: block; }
#dir_content h2 { font-weight:bold; font-size:22px; margin-bottom:12px; }


#main { background: none; padding-top: 0; }

#content { padding: 0; width: 984px; margin: 0 -1px; }

#content .main { 
	position: relative; float: left; width: 770px; height: 424px; margin: 0 14px;  no-repeat; 
}




#content .main h2, #content .main h3 { text-indent: -9999px; overflow: hidden; margin: 0; padding: 0; height: 0; }
#content .main p { font-size: 13px; text-align: center; margin-top: 460px; }

#content .menu_text { float: left; }
#content .menu_text h4, #content .whatsnew p { line-height: 15px; }
#content .menu_text h4 a { color: #444; }
#content .menu_text h4 a:hover { color: #red; text-decoration: none; }

#content .thin .top { background: url(vanstermeny-top.gif) no-repeat; width: 186px; height: 10px; margin:-4px -10px -5px -17px; }

#content .thin { background: url(vanstermeny-leftright.gif) repeat-y; width: 152px; padding: 0 17px; margin-top: 22px; }
#content .thin h3 { width: 186px; height: 10px; margin: -19px -17px -8px -17px; padding: 0; text-indent: -9999px; overflow: hidden; }
#content .thin h4 { font-size: 12px; padding-top: 13px; }


#content .thin img { position: relative; z-index: 999; }
#content .thin p { font-size: 11px; border-bottom: 1px solid #e8e8e8; margin-bottom: 0; padding-bottom: 14px; position: relative; }
#content .thin .bottom { background: url(vanstermeny-bottom.gif) no-repeat; width: 186px; height: 10px; margin: -55px -17px 0 -17px; }




/* PROMOFOOTER */
#text_menu { margin-top: 18px; background: url(bottom.gif) no-repeat 0 100%; zoom: 1; }
#text_menu:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#text_menu img { display: block; }

#text_menu ul#promos { background: url(top.gif) no-repeat; margin-bottom: 0; width: 980px; padding: 17px 2px 0; }
#text_menu ul#promos li.promo, 
#text_menu ul#promos li.buy { position: relative; float: left; width: 244px; padding-right: 1px; margin-top: -17px; _margin-bottom: -17px; }

#text_menu ul#promos li p { margin-bottom: 0; }
#text_menu ul#promos li.promo:hover p a { color: #red; }

#text_menu ul#promos li h4 a, 
#text_menu ul#promos li p a, 
#text_menu ul#promos li ul { display: block; padding-left: 15px; padding-right: 12px; text-align: left; }

#text_menu ul#promos li h4 a { color: #red; font-size: 14px; padding-top: 17px; }
#text_menu ul#promos li h4 a:hover { text-decoration: none; }
#text_menu ul#promos li p a { color: #797c80; font-size: 11px; line-height: 16px; padding-bottom: 10px; padding-right: 12px; }
#text_menu ul#promos li p a:hover { color: #red; text-decoration: none; }





/* storefinders */
#hero #storefinder .retailstorefinder { /*padding-bottom: 8px; */width: 100%; }

#main-content #top_menu { background: #000 url(blackbar-over.jpg) no-repeat top right; float: right; margin-bottom: 18px; position: relative; width: 780px; margin-top: 0px;}
#main-content #top_menu .menu_header { background: url(blackbar-under.jpg) no-repeat bottom left; float: right; padding: 15px 0 0; width: 780px; *padding-bottom: 15px; }
#main-content #top_menu .menu_header h2 { color: #e3e3e3; display: inline; float: left; font-size: 16px; font-weight: normal; float: left; margin: 0 20px 18px 0; }
#main-content #top_menu .menu_header h2  a { color: #FFFFFF;  }
#main-content #top_menu span#deviner { background: url(divider.gif) repeat-y top left; display: block; float: right; margin-right: 10px; margin-top: -4em; padding: 1em 1.5em; }
#main-content #top_menu span#deviner a { background: url(http://images.apple.com/retail/images/morearrow_6cd4ff.gif) no-repeat 100% 60%; color: #6cd4ff; padding-right: 10px; }

#main-content #top_menu a { display: block; _zoom: 1; }
#main-content #top_menu a:link,
#main-content #top_menu a:visited { color: #white; text-decoration: none; }

#footer {
	position: relative;
	text-align: left;
	margin: 0 auto 0 auto;
	height: 100px;
	width: 990px;
	text-align: left;
}
#footer p {
	float: left;
	color: #999999;
	font-size: 10px;
	padding: 10px 0 10px 0;
}

#footer p a {
	border-bottom: none;
	color: #999999;
	padding: 0 8px 0 8px;
}

#footer p a:hover {
	color: #000000;
}

#footer p#links-left {
	width: 483px;
	padding-left: 12px;
	text-align: left;
}

#footer p#links-right {
	width: 463px;
	padding-right: 32px;
	text-align: right;
}
.fixcenter {
  width: 778px;
  border: solid; border-width: 1px;
  background: #ffffff;
  color: #000000;
  margin: auto;
  margin-top: 20px;
  text-align: left;
}

A {
  color: #000000;
  text-decoration: none;
}

A:hover {
  color: #AABBDD;
	font-family:helvetica neue;
}

FORM {
	display: inline;
}

TR.header {
  background: #ffffff;
}

TR.headerNavigation {
}


TD.headerNavigation {
  font-family: helvetica neue, Arial, sans-serif;
  font-size: 12px;
  color: #ffffff;
  font-weight : bold;
}
TD.headerNavigation_font {
  font-family: helvetica neue, Arial, sans-serif;
  font-size: 12px;
  color: #ffffff;
  font-weight : bold;
}

A.headerNavigation { 
  color: #FFFFFF; 
}

A.headerNavigation:hover {
  color: #ffffff;
}

TR.headerError {
  background: #ff0000;
}

TD.headerError {
  font-family: helvetica neue, helvetica neue, Arial, sans-serif;
  font-size: 12px;
  background: #ff0000;
  color: #ffffff;
  font-weight : bold;
  text-align : center;
}

TR.headerInfo {
  background: #00ff00;
}

TD.headerInfo {
  font-family: helvetica neue, helvetica neue, Arial, sans-serif;
  font-size: 12px;
  background: #00ff00;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
}

TR.footer {
  background: #bbc3d3;
}

TD.footer {
  font-family: helvetica neue, Arial, sans-serif;
  font-size: 12px;
  color: #ffffff;
  font-weight: bold;
}

.infoBox {
}

.TextBox {
  font-family: helvetica neue, Arial, sans-serif;
  color:white;
  font-size: 12px;
} 

.TextBox a {
  font-family: helvetica neue, Arial, sans-serif;
  color:black;
  font-size: 12px;
}

.infoBoxContents {
  font-family: helvetica neue, Arial, sans-serif;
  color:black;
  font-size: 12px;
  font-weight: bold;
}  

.infoBoxNotice {
}

.infoBoxNoticeContents {
  background: #FFE6E6;
  font-family: helvetica neue, Arial, sans-serif;
  font-size: 11px;
  color: white;
}

TD.infoBoxHeading {
  font-family: helvetica neue, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: white;
}


TD.infoBox, SPAN.infoBox {
  font-family: helvetica neue, Arial, sans-serif;
  color: white;
  font-size: 11px;
}

.contentBox {
 }
 
.contentBoxHeading a {
  font-family: helvetica neue, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #ffffff;
}
TD.contentBoxHeading {
  font-family: helvetica neue, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  height: 20px;
  color: #ffffff;
}

.contentBoxContents {
  background: #f8f8f9;
  font-family: helvetica neue, Arial, sans-serif;
  font-size: 11px;
}

.CategoriesBox {
}
TD.CategoriesBoxHeading {
  font-family: helvetica neue, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #ffffff;
}
.CategoriesBoxContents {
  background: #f8f8f9;
  font-family: helvetica neue, Arial, sans-serif;
  font-size: 11px;
}

.InformationBox {
}
TD.InformationBoxHeading {
  font-family: helvetica neue, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #ffffff;
}
.InformationBoxContents {
  background: #f8f8f9;
  font-family: helvetica neue, Arial, sans-serif;
  font-size: 11px;
}

.OrderHistoryBox {
  background: #b6b7cb;
}
TD.OrderHistoryBoxHeading {
  font-family: helvetica neue, Arial, sans-serif;
  font-size: 11px;
  font-weight: bold;
  background: #b6b7cb;
  color: #ffffff;
}
.OrderHistoryBoxContents {
  background: #f8f8f9;
  font-family: helvetica neue, Arial, sans-serif;
  font-size: 11px;
}


.ProductNotificationsBox {
  background: #b6b7cb;
}
TD.ProductNotificationsBoxHeading {
  font-family: helvetica neue, Arial, sans-serif;
  font-size: 11px;
  font-weight: bold;
  background: #b6b7cb;
  color: #ffffff;
}
.ProductNotificationsBoxContents {
  background: #f8f8f9;
  font-family: helvetica neue, Arial, sans-serif;
  font-size: 11px;
}


.SearchBox {
}
TD.SearchBoxHeading {
  font-family: helvetica neue, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #ffffff;
}
.SearchBoxContents {
  background: #f8f8f9;
  font-family: helvetica neue, Arial, sans-serif;
  font-size: 11px;
}


.ShoppingCartBox {
}

TD.ShoppingCartBoxHeading {
  font-family: helvetica neue, Arial, sans-serif;
  color:white;
  font-size: 12px;
  font-weight: bold;
}

.ShoppingCartBoxContents {
  color:black;
  font-family: helvetica neue, Arial, sans-serif;
  font-size: 14px;
}

TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productListing-odd, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd {
  background: #f8f8f9;
}

TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productListing-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even {
  background: #f8f8f9;
}

TABLE.productListing {
  border: 1px;
  border-style: solid;
  border-color: #b6b7cb;
  border-spacing: 1px;
}

.productListing-heading {
  font-family: helvetica neue, Arial, sans-serif;
  font-size: 11px;
  background:#000000;
  color: #FFFFFF;
  font-weight: bold;
}

TD.productListing-data {
  font-family: helvetica neue, Arial, sans-serif;
  font-size: 11px;
}

A.pageResults {
  color: #0000FF;
}

A.pageResults:hover {
  color: #0000FF;
  background: #FFFF33;
}

TD.pageHeading, DIV.pageHeading {
  font-family: helvetica neue, Arial, sans-serif;
  font-size: 20px;
  font-weight: bold;
  color: #9a9a9a;
}

TR.subBar {
  background: #f4f7fd;
}

TD.subBar {
  font-family: helvetica neue, Arial, sans-serif;
  font-size: 11px;
  color: #000000;
}

TD.main, P.main {
  font-family: helvetica neue, Arial, sans-serif;
  font-size: 11px;
  line-height: 1.5;
}

TD.smallText, SPAN.smallText, P.smallText {
  font-family: helvetica neue, Arial, sans-serif;
  font-size: 11px;
}

TD.accountCategory {
  font-family: helvetica neue, Arial, sans-serif;
  font-size: 13px;
  color: #aabbdd;
}

TD.fieldKey {
  font-family: helvetica neue, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

TD.fieldValue {
  font-family: helvetica neue, Arial, sans-serif;
  font-size: 12px;
}

TD.tableHeading {
  font-family: helvetica neue, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

SPAN.newItemInCart {
  font-family: helvetica neue, Arial, sans-serif;
  font-size: 11px;
  color: #ff0000;
}

CHECKBOX, INPUT, RADIO, SELECT {
  font-family: helvetica neue, Arial, sans-serif;
  font-size: 11px;
}

TEXTAREA {
  width: 100%;
  font-family: helvetica neue, Arial, sans-serif;
  font-size: 11px;
}

SPAN.greetUser {
  font-family: helvetica neue, Arial, sans-serif;
  font-size: 12px;
  color: #f0a480;
  font-weight: bold;
}

TABLE.formArea {
  background: #f1f9fe;
  border-color: #7b9ebd;
  border-style: solid;
  border-width: 1px;
}

TD.formAreaTitle {
  font-family: helvetica neue, helvetica neue, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

SPAN.markProductOutOfStock {
  font-family: helvetica neue, helvetica neue, Arial, sans-serif;
  font-size: 12px;
  color: #c76170;
  font-weight: bold;
}

SPAN.productSpecialPrice {
  font-family: helvetica neue, Arial, sans-serif;
  color: #ff0000;
}

SPAN.errorText {
  font-family: helvetica neue, Arial, sans-serif;
  color: #ff0000;
}