/* $Id: base.css,v 1.5 2010/06/28 02:18:48 shtah@netcomposite.com Exp $ */
/*GENERAL SET*/
html {
background: #b2b2b2 url(/assets/images/misc/bg_body.jpg) top right repeat-y;
/*height: 100%;*/
padding-bottom: 20px;
}

body {
background: transparent url(/assets/images/misc/bg_header.gif) 0 0 repeat-x;
position: relative;
}

body,p,div,form,td,table,h1,h2,h3,h4, a {
font-family: Trebuchet MS, Arial, Helvetica,  sans-serif;
font-size: small;
font-weight: normal;
}

body, h1, h2, h3, h4, h5, h6, p, hr, form, table, td {
margin:0;
padding:0;
}

a {
color:#001166;
}

a:hover {
color:#FF0000;
}

a img {
border:0;
}

blockquote {
font-size: 100%;
margin-left: 2.5em;
}
cite {
display: block;
padding: 10px 0 0 0;
}
img {
border:0;
}
sup {
position:relative;
bottom:0.3em;
vertical-align:baseline;
}
fieldset {
border: 0;
}
.PageBreak {
clear: both;
}


#Wrapper960 {
width: 960px;
margin: 0 auto;
padding: 0;
clear: both;
overflow: hidden;
}


/* HEADER START  */
#Header {
clear: both;
position: relative;
z-index: 1;
margin: 0;
padding: 0;
width: 100%;
height: 105px;
background: #404040 url(/assets/images/misc/bg_header.gif) 0 0 repeat-x;
}
#HeaderLogo {
float: left;
width: 130px;
height: 65px;
background: #000;
margin: 0;
padding: 10px 20px 0;
}
#HeaderSupportNav  {
float: left;
width: 560px;
margin: 0;
padding: 2px 10px 0;
}
#HeaderAccessibility  {
clear: both;
font-size: 12px;
color: #c0c0c0;
margin: 0;
padding:0;
padding-right: 12px;
background: transparent url(/assets/images/icons/arrow_down.gif) 100% 50% no-repeat;
text-decoration: none
}
#HeaderAccessibility:hover {
color: #fff;
background: transparent url(/assets/images/icons/arrow_down_over.gif) 100% 50% no-repeat;
}
#HeaderSupportNav ul{
clear: both;
list-style: none;
margin: 1em 0 0 0;
padding: 0;
}
#HeaderSupportNav li {
margin: 0 5px 0 0;
padding: 0 10px 0 0;
list-style: none;
display: inline;
text-align: center;
background: transparent url(/assets/images/misc/line_delimetr_v12.gif) 100% 50% no-repeat;
}
#HeaderSupportNav ul li a {
text-transform: capitalize;
color: #dddddd;
font-size: 15px;
text-decoration: none;
}
#HeaderSupportNav ul li a:hover {
color: #FFF;
text-decoration: underline;
}
#HeaderSupportNav ul li a.Selected {
color: #FFF;
text-decoration: underline;
}

#HeaderShopNav {
float: right;
position: absolute;
top: -1px;
right: 0;
height: 70px;
margin: 0;
padding: 0;
}

#HeaderShopNav ul {
list-style: none;
margin:  0;
padding: 0;
}
#HeaderShopNav li {
list-style: none;
margin: 0;
margin-bottom: 5px;
padding: 0px 0px 0 0;
text-align: right;
color: #FFF;
text-transform: uppercase;
font-size: 12px;
letter-spacing: 0.08em;
}
#HeaderShopNav li a {
font-size: 11px;
text-decoration: none;
color: #FFF;
}
#HeaderShopNav li a:hover {
color: #ff0000;
}
#HeaderShopNav li.Account a.Wish{
padding-left: 15px;
background: transparent url(/assets/images/icons/ic_phone.gif) 0 0  no-repeat;
}

#HeaderShopNav li.Account a.Track{
padding-left: 15px;
background: transparent url(/assets/images/icons/ic_user.gif) 0 0  no-repeat;
}
#HeaderShopNav li.Account a:hover{
color: #ffffff;
text-decoration: underline;
}
#HeaderShopNav li.Contact span{
color: #c0c0c0;
}
#HeaderShopNav li.Basket a  {
font-size: 12px;
background: transparent url(/assets/images/misc/roundedcornr_left.gif) left top  no-repeat;
padding-left: 20px;
}
#HeaderShopNav li.Basket a  span {
background: #000000;
white-space: nowrap;
padding-right: 4px;
}
#HeaderShopNav li.Basket  {
padding-right: 0;
}

#HeaderNavigationStore {
float: left;
width: 155px;
height: 30px;
margin: 0;
padding: 0 5px 0 10px;
background: #404040;
color: #FFF;
}

#HeaderNavigationStore a {
float: left;
width: 135px;
margin: 7px 0 0;
padding: 0 15px 0  0;
background: transparent url(/assets/images/icons/arrow_down.gif) 100% 50% no-repeat;
color: #FFF;
text-transform: uppercase;
text-decoration: none;
font-size: 12px;
white-space: nowrap;
}
#HeaderNavigationStore a:hover {
color: #FF0000;
background: transparent url(/assets/images/icons/arrow_down_over.gif) 100% 50% no-repeat;
}
#HeaderNavigation {
float: left;
width: 530px;
height: 30px;
margin: 0;
padding: 0 0 0 10px;
position: relative;
z-index: 20;
}

* html #HeaderNavigation {
margin-bottom: -10px;
}

#HeaderNavigation ul{
list-style: none;
margin: 5px 0 0;
padding: 0;
}
#HeaderNavigation li {
margin: 0 10px 0 0;
padding: 0;
list-style: none;
display: inline;
text-align: center;
}
#HeaderNavigation a {
/*font-size: 90%;*/
font-size: 16px;
margin: 0 15px 0 0;
letter-spacing: 0.05em;
font-weight: normal;
text-transform: uppercase;
text-decoration: none;
color: #dddddd;
float: left;
}
#HeaderNavigation a:hover {
color: #FFF;
}
#HeaderNavigation a.Selected {
/*font-size: 90%;*/
font-size: 16px;
text-transform: uppercase;
text-decoration: none;
color: #FFF;
background: transparent url(/assets/images/misc/bg_navigation_arrow-down.gif) 50% 100% no-repeat;
height: 35px;
/*padding-bottom: 15px;*/
float: left;
border: none;
margin: 0 10px 0 0;
}

#HeaderNavigation li.Home  {
float: left;
/*padding-left: 15px;*/
background: transparent url(/assets/images/icons/ic_home.gif) 0 5px no-repeat;
margin-right: 10px;
width: 15px;
height: 20px;
}
#HeaderNavigation li.Home a {
float: left;
width: 15px;
height: 15px;
margin-right: 5px;
padding: 0;
}
#HeaderNavigation li.Home a:hover {
background: none;
}
#HeaderNavigation li.Home a span{
display: none;
}
#HeaderNavigationSearch {
float: left;
width: 250px;
height: 30px;
}
#HeaderNavigationSearch input {
border: 1px solid #909090;
margin: 5px 0 0 28px;
padding: 2px 5px 2px 20px;
width: 195px;
height: 15px;
background: #FFF url(/assets/images/icons/ic_search.gif) 3px 50% no-repeat;
font-size: 11px;
color: #909090;
}
/* HEADER END */


/* FOOTER START */
#Footer {
clear: both;
width: 960px;
margin: 0;
padding: 0 0 25px;
background: transparent url(/assets/images/misc/bg_footer.png) 100% 100% no-repeat;
}
#FooterNavigation {
clear: both;
margin: 0;
padding: 5px 10px;
background: #404040;
text-align: center;
}
#FooterNavigation ul{
list-style: none;
margin: 5px 0 0;
padding: 0;
}
#FooterNavigation li {
margin: 0 5px 0 0;
padding: 0 10px 0 0;
list-style: none;
display: inline;
text-align: center;
font-size: 12px;
background: transparent url(/assets/images/misc/line_delimetr_v10.gif) 100% 50% no-repeat;
}
#FooterNavigation a {
text-transform: uppercase;
text-decoration: none;
color: #ffffff;
}
#FooterNavigation a:hover {
text-decoration: underline;
}
#FooterNavigation span {
font-size: 90%;
font-weight: 600;
text-transform: uppercase;
text-decoration: none;
color: #FFF;
}
#FooterNavigation a.RSS {
background:  url(/assets/images/icons/rss_footer.gif) 0 2px no-repeat;
padding-left: 15px;
}
#FooterLogo {
width: 940px;
margin: 0;
padding: 2px 10px 3px;
background: #000;
}
#FooterLogo a {
display: block;
width: 60px;
height: 25px;
margin: 0 auto;
}
#FooterNotes {
display: block;
color: #000000;
text-align: center;
}
/* FOOTER END*/




/* BODY LAYOUT START */
.ContentMask {
position:relative;
clear:both;
width:100%;
padding: 0;
margin:0;
margin-bottom: 1px;
overflow:hidden;
}

.TwoColumn {
background:#F0F0F0;
}
.TwoColumn .ColumnRight {
float:left;
width:200%;
position:relative;
left:170px;
background:#fff;
}
.TwoColumn .ColumnsWrap {
float:right;
width:50%;
position:relative;
right:170px;
padding: 0;
}
.TwoColumn .MainContent {
margin:0 0 0 170px;
position:relative;
right:100%;
overflow:hidden;
}
.TwoColumn .Navigation {
float:left;
width:170px;
overflow: hidden;
position:relative;
right:170px;
}
/* BODY LAYOUT END */


/* PAGE CONTENT LAYOUT END */
#PageContentLayout {
border: none;
}

div#PageContentLayout a,
div#PageContentLayout p,
div#PageContentLayout ul,
div#PageContentLayout ol,
div#PageContentLayout dl, {
font-size: 1.10em;
font-weight: normal;
line-height: 1.5em;
}

div#PageContentLayout dt {
margin-bottom: .5em;
margin-left: 1em;
padding-right: 1em;
padding-left: 1em;
background: transparent url(/assets/images/misc/bullet_square_6x6.gif) 0 .5em no-repeat;
}

div#PageContentLayout dd {
margin-bottom: 1em;
margin-left: 3em;
padding-right: 1em;
}

div#PageContentLayout h1 {
clear:both;
margin: 0.5em;
font-size: 200%;
}
div#PageContentLayout h2 {
clear:both;
margin: 0.5em;







font-size: 170%;
}
div#PageContentLayout h3 {
clear:both;
margin: 0.5em;
font-size: 140%;
}

div#PageContentLayout p {
margin: 0.8em;
}

div#PageContentLayout p img {
float: left;
}

div#PageContentLayout blockquote {
font-size: 1.10em;
font-weight: normal;
font-style: italic;
}

#PageContentBox {
float: right;
position: relative;
overflow: hidden;
display: table;
height: 300px;
width: 300px;
background: #000000;
}
#PageContentBox div.ArrowLeft {
float: left;
position: relative;
padding: 0em;
margin: 0em;
width: 14px;
height: 300px;
background: #ffffff  url(/assets/images/misc/bg_content_arrow-left.gif) 0 50% no-repeat;
}
#PageContentBox div.OuterBox {
display: table-cell;
#position: absolute;
#top: 50%;
vertical-align: middle;
}
div.OuterBox span {
display: block;
#position: relative;
#top: -50%;
padding: 2.0em;
margin-right: 1.0em;
color: #ffffff;
font-size: 1.1em;
text-align: justify;
}
div.OuterBox strong{
display: block;
font-size: 1.2em;
padding-bottom: 1.0em;
}
/* PAGE CONTENT LAYOUT END */



/* PAGE NAVIGATION START */
#ContentNavigation {
margin: 0;
padding: 0;
margin-bottom: 25%;
border: none;
overflow: hidden;
}

* html #ContentNavigation {
margin-bottom: 60px;
}

#ContentNavigation h1 {
font-family: 'Trebuchet MS', Arial,  sans-serif;
text-transform: uppercase;
text-align: left;
display: block;
margin: 0.5em;
font-size: 1.6em;
color: #404040;
border-bottom: 1px solid #c0c0c0;
}
#ContentNavigation h2 {
text-transform: uppercase;
display: block;
text-align: left;
margin: 0em;
font-size: 1.1em;
padding-left: 1em;
color: #000000;
}
#ContentNavigation h2  a {
font-size: 14px;
font-weight: 600;
color: #FF0000;
margin: 0;
margin-left: 2px;
margin-right: 2px;
margin-top: 4px;
border: 0px solid #CCCCCC;
padding: 2px;
padding-left: 4px;
padding-right: 4px;
text-decoration: none;
}

#ContentNavigation h2 a:hover {
background: #FF0000;
color: #ffffff;
}
#ContentNavigation ul {
list-style: none;
display: block;
margin: 0.5em 0 0.5em 1.5em;
padding: 0;
border-left: 1px solid #000;
}
#ContentNavigation li {
list-style: none;
margin-left: 5px;
padding: 0;
color: #000;
font-size: 110%;
}

* html #ContentNavigation li {display: block; height: 1%;}

#ContentNavigation a.Select {
background: #FFF;
font-weight: 600;
}
#ContentNavigation li a {
text-decoration: none;
padding: 0.25em;
display: block;
color: #000;
}

* html #ContentNavigation li a { display: block; clear: left; height: 1%;}

#ContentNavigation li a:hover {
background: #FFF;
color: #FF0000;
}
#ContentNavigation li span {
color: #000;
padding: 0 10px;
}

* html #ContentNavigation li span { float: left; clear: left; height: 1%;}

#ContentNavigation .chococlate {
padding-left: 20px;
margin-left: 4px;
background: transparent url(/assets/images/icons/mark_chococlate.gif) 0 2px no-repeat;
}
#ContentNavigation .canary {
padding-left: 20px;
margin-left: 4px;
background: transparent url(/assets/images/icons/mark_canary.gif) 0 2px no-repeat;
}
#ContentNavigation .green {
padding-left: 20px;
margin-left: 4px;
background: transparent url(/assets/images/icons/mark_green.gif) 0 2px no-repeat;
}
#ContentNavigation .blue {
padding-left: 20px;
margin-left: 4px;
background: transparent url(/assets/images/icons/mark_blue.gif) 0 2px no-repeat;
}
#ContentNavigation .purple {
padding-left: 20px;
margin-left: 4px;
background: transparent url(/assets/images/icons/mark_purple.gif) 0 2px no-repeat;
}
#ContentNavigation .pink {
padding-left: 20px;
margin-left: 4px;
background: transparent url(/assets/images/icons/mark_pink.gif) 0 2px no-repeat;
}
#ContentNavigation .white {
padding-left: 20px;
margin-left: 4px;
background: transparent url(/assets/images/icons/mark_white.gif) 0 2px no-repeat;
}
#ContentNavigation .black {
padding-left: 20px;
margin-left: 4px;
background: transparent url(/assets/images/icons/mark_black.gif) 0 2px no-repeat;
}
#ContentNavigation .multicolor {
padding-left: 20px;
margin-left: 4px;
background: transparent url(/assets/images/icons/mark_multicolor.gif) 0 2px no-repeat;
}

#ContentNavigation .red {
padding-left: 20px;
margin-left: 4px;
background: transparent url(/assets/images/icons/mark_red.gif) 0 2px no-repeat;
}

.ContentNavigationScrollUp, .ContentNavigationScrollDown {
width: 18px;
height: 9px;
margin: 0 0 0 .9em;
clear: both;
}

.ContentNavigationScrollUp a, .ContentNavigationScrollDown a{
display: none;
}

.ContentNavigationScrollUp .over, .ContentNavigationScrollDown .over {
display: block;
}

#ContentNavigation .ItemHidden {
display: none;
}

.ContentNavigationScrollUp a.over {
display: block;


width: 18px;
height: 9px;
background: transparent url(/assets/images/icons/arrow_navigation_up2.gif) 0 -9px no-repeat;
}

.ContentNavigationScrollUp a.over:hover {
display: block;
background: transparent url(/assets/images/icons/arrow_navigation_up2.gif) 0 0 no-repeat;
}

.ContentNavigationScrollDown a.over {
display: block;
width: 18px;
height: 9px;
background: transparent url(/assets/images/icons/arrow_navigation_down2.gif) 0 0 no-repeat;
}

.ContentNavigationScrollDown a.over:hover {
display: block;
background: transparent url(/assets/images/icons/arrow_navigation_down2.gif) 0 -9px no-repeat;
}

/* PAGE NAVIGATION END */





/* CATEGORY CONTENT START */
#IndexLanding {
position: relative;
padding: 0;
margin: 0;
border: none;
}
#IndexLanding  div.ArrowPushTop {
position: absolute;
right: 0;
bottom: 0;
padding: 0;
margin:0;
}
#IndexLanding img{
padding: 0;
margin: 0;
border: none;
}
#CategoryLanding {
position: relative;
height: 380px;
padding: 0;
margin: 0;
border: none;
}
#CategoryLanding img.CategoryPic {
float: left;
border-right: 1px solid #c0c0c0;
border-left: 1px solid #c0c0c0;
}
#CategoryPushBox {
float: right;
background: #404040;
position: relative;
display: table;
padding: 0;
margin: 0;
width: 225px;
height: 380px;
}
#CategoryPushBox  div.ArrowPushTop {
position: absolute;
right: 0;
bottom: 0;
padding: 0;
margin:0;
}
#CategoryPushBoxArrow {
position: absolute;
top: 0;
right: 225px;
width: 14px;
height: 380px;
}
#CategoryPushBoxArrow.Standard {
background: transparent url(/assets/images/misc/arrow_push_standard.gif) 0 50% no-repeat;
}

#CategoryPushBox a.Button {
display: block;
height: 20px;
padding: 0.5em;
background-color: #000;
border: 1px solid #999999;
color: #ffffff;
text-transform: uppercase;
text-decoration: none;
letter-spacing: 0.05em;
text-align: center;
font-size: 1em;
}
#CategoryPushBox a.Button:hover {
background-color: #ff0000;
color: #000000;
}
#CategoryPushBox div.InnerBox {
display: table-cell;
#position: absolute;
#top: 50%;
vertical-align: middle;
}
#CategoryPushBox div.InnerBox span {
display: block;
#position: relative;
#top: -50%;
padding: 2.0em;
margin-right: 1.0em;
color: #ffffff;
font-size: 1.0em;
}
#CategoryPushBox div.InnerBox h2{
display: block;
font-size: 1.4em;
font-weight: normal;
padding-bottom: 1.0em;
}
#CategoryPushBox div.InnerBox strong{
display: block;
font-size: 1.2em;
padding: 1.0em 0em 1.0em 0em;
}
/* CATEGORY CONTENT END */



/* PAGE HORIZONTAL SCROLL START */
#PageLandingSpread {
position: relative;
clear: both;
}

* html #PageLandingSpread {
float: left;
}

#PageLandingSpread h3{
display: block;
position: absolute;
left: 0;
top: -31px;
height: 30px;
width: 155px;
margin: 0;
padding: 0 5px 0 10px;
background: #404040;
color: #FFF;
}

* html #PageLandingSpread h3{
position: relative;
top: -31px;
/*float: left;*/
}

#PageLandingSpread h3 a {
float: left;
width: 135px;
margin: 7px 0 0;
padding: 0 15px 0  0;
background: transparent url(/assets/images/icons/arrow_down.gif) 100% 50% no-repeat;
color: #FFF;
text-transform: uppercase;
text-decoration: none;
font-size: 12px;
white-space: nowrap;
}
#PageLandingSpread h3 a:hover {
color: #FF0000;
background: transparent url(/assets/images/icons/arrow_down_over.gif) 100% 50% no-repeat;
}

#PageLandingSpread h3 a.over {
background: transparent url(/assets/images/icons/arrow_up.gif) 100% 50% no-repeat;
}

#PageLandingSpread h3 a:hover.over {
background: transparent url(/assets/images/icons/arrow_up_over.gif) 100% 50% no-repeat;
}

#SpreadWrap  {
width: 940px;
margin: 0;
padding: 0 10px;
float: left;
clear: both;
background: #FFF url(/assets/images/misc/bg_spread_corner.jpg) 100% 0 no-repeat;
}

* html #SpreadWrap {margin-top: -30px;}

#SpreadOptions {
position: absolute;
z-index: 50;
width: 170px;
background: #404040;
border-right: 1px solid #c4c4c4;
border-bottom: 1px solid #c4c4c4;
margin: 0;
padding: 0;
top: 0;
left: 0;
color: #FFF;
display: none;
}

#SpreadOptions.over {
display: block;
}

#SpreadOptions ul {
list-style: none;
margin: 10px 0;
padding: 0;
}

#SpreadOptions li {
list-style: none;
list-image: none;
margin: 0 0 2px;
padding: 0;
display: block;
clear: both;
background: none;
}

#SpreadOptions a {
display: block;
width: 160px;
margin: 0;
padding: 0 0 0 10px;
background: transparent url(/assets/images/icons/arrow_right.gif) 148px 50% no-repeat;
color: #FFF;
text-transform: uppercase;
text-decoration: none;
font-size: 12px;
white-space: nowrap;
}

#SpreadOptions a:hover {
background: #FF0000 url(/assets/images/icons/arrow_right.gif) 148px 50% no-repeat;
}

#SpreadPager {
float: right;
margin: 10px 0 0;
padding: 0;
width: 80px;
height: 35px;
clear: right;
text-align: center;
text-transform: uppercase;
}

#SpreadPager span{
display: block;
font-size: 14px;
}
#SpreadPager a {
margin-left: 5px;
margin-right: 5px;
padding: 0;
text-decoration: none;
}
#SpreadCategory {
width: 840px;
float: left;
clear: both;
margin: 0;
padding: 15px 0 5px;
}
#SpreadCategory a {
float: left;
/*display: block;*/
width: 150px;
/*height: 185px;*/
overflow: hidden;
margin: 0 5px 0 0;
padding: 5px 5px 10px;
background: transparent url(/assets/images/misc/bg_spread_frame.jpg) 0 0 no-repeat;
text-decoration: none;
color: #000000;
}

#SpreadCategory a span{
display: block;
}
#SpreadCategory a span strong{
display: block;
margin-top: 0.50em;
font-size: 1.1em;
}
#SpreadCategory a:hover{
color: #ff0000;
}
#SpreadCategory div img {
display: block;
width: 150px;
height: 150px;
margin: 0 auto 5px;
}

#TagScreenIndex {
width: 840px;
float: left;
clear: both;
margin: 0;
padding: 5px 0 15px 0px;
}

#TagScreenIndex a {
color: #6666FF;
font-size: 1.0em;
padding: 0.3em;
text-decoration: none;
}
#TagScreenIndex a:hover {
color: #FF0000;
text-decoration: underline;
}

#TagScreenIndex a.rating1 {
color: #6699CC;
font-size: 1.1em;
}
#TagScreenIndex a.rating1:hover {
color: #336699;
}
#TagScreenIndex a.rating2{
color: #E54560;
font-size: 1.2em;
}
#TagScreenIndex a.rating2:hover {
color: #991F33;
}
#TagScreenIndex a.rating3{
color: #E57386;
font-size: 1.3em;
}
#TagScreenIndex a.rating3:hover {
color: #B36B71;
}
#TagScreenIndex a.rating4{
color: #B8B8E5;
font-size: 1.4em;
}
#TagScreenIndex a.rating4:hover {
color: #FF99AA;
}
#TagScreenIndex a.rating5{
color: #E5B8BF;
font-size: 1.5em;
}
#TagScreenIndex a.rating5:hover {
color: #7A7A99;
}
#TagScreenIndex a.rating6{
color: #FF99CC;
font-size: 1.6em;
}
#TagScreenIndex a.rating6:hover {
color: #FF3399;
}
#TagScreenIndex a.rating7{
color: #CC99FF;
font-size: 1.7em;
}
#TagScreenIndex a.rating7:hover {
color: #9933CC;
}
#TagScreenIndex a.rating8{
color: #6699CC;
font-size: 1.8em;
}
#TagScreenIndex a.rating8:hover {
color: #336699;
}
#TagScreenIndex a.rating9{
color: #c0c0c0;
font-size: 1.9em;
}
#TagScreenIndex a.rating9:hover {
color: #336699;
}
#TagScreenIndex a.rating10{
color: #FF6699;
font-size: 2.0em;
}
#TagScreenIndex a.rating10:hover {
color: #336699;
}

/* PAGE HORIZONTAL SCROLL  END */


/* ARTICLE PROFILE START */
#ArticleDetails {
clear: both;
position: relative;
height: 400px;
overflow: hidden;
padding: 0px;
margin: 0;
border: 0px solid #000000;
}

#ArticleImage {
float: left;
width: 75px;
height: 350px;
padding: 40px 5px 0;
background: #FFF;
}

#ArticleImage .ScrollUp, .ScrollDown {
display: block;
clear: both;
width: 20px;
height: 10px;
margin-left: 30px;
margin-bottom: 10px;
margin-top: 10px;
}
#ArticleImage a.Current {
display: block;
padding: 0;
width: 76px;
margin: 1px;
border: 1px solid #dddddd;
}
#ArticleImage a.Preload {
display: block;
padding: 0;
width: 76px;
margin: 1px;
border: 1px solid #ffffff;
}
#ArticleImage a.Preload:hover {
border: 1px solid #ff0000;
}

#Zoom {
float: left;
width: 355px;
height: 370px;
background: #FFF;
}
#ArticleDetailsPushBox {

float: right;
background: #f0f0f0;
position: relative;
display: table;
padding: 0;
margin: 0;
width: 340px;
height: 400px;
}

#ArticleDetailsPushBoxArrow {
position: absolute;
top: 0;
right: 340px;
width: 14px;
height: 380px;
}
#ArticleDetailsPushBoxArrow.Standard {
background: transparent url(/assets/images/misc/arrow_push_article.gif) 0 50% no-repeat;
}

#ArticleDetailsPushBox form {
clear: both;
border: none;
padding: 0;
margin: 0;
}

* html #ArticleDetailsPushBox form {
height: 1%;
}

#ArticleDetailsPushBox fieldset {
border: none;
padding: 0;
margin: 0;
margin-bottom: 0.5em;
}
#ArticleDetailsPushBox fieldset.Option {
float: left;
display: block;
padding: 0;
margin-right: 0.5em;
margin-bottom: 1.5em;
}
#ArticleDetailsPushBox fieldset.Action {
clear: both;
display: block;
padding: 0;
position: relative;
}

* html #ArticleDetailsPushBox fieldset.Action {
position: static;
}

#ArticleDetailsPushBox label {
display: block;
}

#ArticleDetailsPushBox input.Qty {
padding: .1em 0.25em 0;
width: 50px;
background-color: #ffffff;
border: 1px solid #999999;
color: #000000;
text-transform: uppercase;
letter-spacing: 0.05em;
text-align: center;
font-size: 0.9em;
font-weight: 600;
height: 19px;
}

* html #ArticleDetailsPushBox input.Qty {
height: 16px;
}

#ArticleDetailsPushBox input.Size {
padding: .1em 0.25em 0;
width: 100px;
padding-right: 20px;
background: #FFF url(/assets/images/icons/arrow_overview_down.gif) 100% 50% no-repeat;
border: 1px solid #999999;
color: #000000;
text-transform: uppercase;
letter-spacing: 0.05em;
text-align: center;
font-size: 0.9em;
font-weight: 600;
}

#ArticleDetailsPushBox select.Size {
/*padding: 0.25em;*/
width: 180px;
padding: 0px;
border: 1px solid #999999;
color: #000000;
text-transform: uppercase;
letter-spacing: 0.05em;
text-align: center;
font-size: 0.9em;
font-weight: 600;
height: 22px;
}

#ArticleDetailsPushBox input.Button {
padding: 0.25em;
width: 125px;
background-color: #000;
border: 1px solid #999999;
color: #ffffff;
text-transform: uppercase;
letter-spacing: 0.05em;
text-align: center;
font-size: 12px;
}

#ArticleDetailsPushBox div.InnerBox {
display: table-cell;
#position: absolute;
#top: 50%;
vertical-align: middle;
}
#ArticleDetailsPushBox div.InnerBox span {
display: block;
#position: relative;
#top: -50%;
padding: 1.0em;
margin-right: 0.5em;
color: #000000;
font-size: 15px;
}
#ArticleDetailsPushBox div.InnerBox h1{
display: block;
font-size: 22px;
font-weight: normal;
padding-bottom: 0.25em;
}
#ArticleDetailsPushBox div.InnerBox h2{
display: block;
font-size: 16px;
font-weight: 600;
padding-bottom: 0.25em;
}
#ArticleDetailsPushBox div.InnerBox strong{
display: block;
font-size: 16px;
letter-spacing: 0.05em;
text-transform: uppercase;
padding: 1.0em 0em 1.0em 0em;
}

#ArticleDetailsPushBox  ul{
display: block;
clear: both;
height: 20px;
font-size: 12px;
border: 0px solid #000000;
list-style: none;
margin: 0;
margin-bottom: 10px;
padding: 0;
}
#ArticleDetailsPushBox  li {
margin: 0;
padding: 0;
list-style: none;
display: block;
text-align: left;
}
#ArticleDetailsPushBox  #Status {
float: left;
font-weight: 600;
padding-left: 15px;
background: url(/assets/images/icons/ic_rating_mark_black.gif) 0 0 no-repeat;

}
#ArticleDetailsPushBox  #RefNo {
float: right;
font-weight: 600;
}

#ArticleList {
padding: 5px;
padding-left: 5px;
border: 0px solid #dddddd;
clear: both;

}
#ArticleList a {
text-decoration: none;
border: none;

}
#ArticleList  div.Tray{
float: left;
overflow: hidden;
text-align: center;
border: 1px solid #dddddd;
margin: 5px;
padding: 3px;
width: 175px;
height: 225px;
background: #ffffff;
}

* html #ArticleList  div.Tray{
position: relative;
}

#ArticleList  div.Tray p{
margin:0;
padding: 0;
}
#ArticleList  div.Tray img{
clear: both;
float: none;
margin: auto 5px;
width: 150px;
height: 150px;
border: none;
}

#ArticleList  div.Tray a{
font-size: 14px;
color: #000000;
font-weight: 600;
}

#ArticleList  div.Tray a:hover{
text-decoration: underline;
color: #ff0000;
}

#ArticleList div.Tray span   {
display: block;
text-align: center;
line-height: 1.3em;
font-size: 14px;
}

#ArticleList div.Tray strong   {
display: block;
margin: 0.25em;
font-size: 15px;
}
#ArticleList div.Tray  ul{
display: block;
clear: both;
height: 20px;
font-size: 12px;
border: 0px solid #000000;
list-style: none;
margin: 2px;
margin-top: 0.5em;
padding: 0;
}
#ArticleList div.Tray  li {
margin: 0;
padding: 0;
list-style: none;
display: block;
text-align: left;
}
#ArticleList div.Tray  li.Status {
float: left;
font-weight: 600;
padding-left: 15px;
padding-right: 1px;
background: url(/assets/images/icons/ic_rating_mark_black.gif) 0 0 no-repeat;
}
#ArticleList div.Tray li.RefNo {
float: right;
padding-right: 1px;
font-weight: 600;
}

#ArticleList  div.List{
clear: both;
overflow: hidden;
position: relative;
text-align: left;
border: 1px solid #dddddd;
margin: 5px;
width: 760px;
height: 165px;
background: #ffffff;
}
#ArticleList  div.List p{
margin:0;
font-size: 1.1em;
padding: 0;
padding-top: 0.5em;
}
#ArticleList div.List strong   {
display: block;
margin: 0;
padding-top: 10px;
font-size: 15px;
}
#ArticleList  div.List .LeftBlock{
float: left;
width: 400px;

}
#ArticleList  div.List div.RightBlock{
float: right;
width: 300px;
padding: 0.5em;
padding-top: 1.0em;
}
#ArticleList  div.List img{
float: left;
width: 150px;
height: 150px;
}

#ArticleList  a.Button {
padding: 0.5em;
margin-top: 5px;
background-color: #000;
border: 1px solid #999999;
color: #ffffff;
text-transform: uppercase;
text-decoration: none;
letter-spacing: 0.05em;
text-align: center;
font-size: 1em;
}
#ArticleList div.List a.Button:hover {
background-color: #ff0000;
color: #000000;
}

#ArticleList div.List .StatusView{
display: block;
float:left;
clear:both;
width:100%;
clear: both;
font-size: 12px;
border: none;
background: #f0f0f0;
list-style: none;
margin: 0;
padding: 0;
}

#ArticleList div.List .StatusView {
margin-bottom: 15px;
}
#ArticleList div.List .StatusView p {
clear:both;
padding:5px;
font-size: 12px;
}

#ArticleList div.List .Status {
float: left;
font-weight:600;
padding-left: 15px;
padding-right: 1px;
background: url(/assets/images/icons/ic_rating_mark_black.gif) 0 0 no-repeat;
}

#ArticleList div.List .RefNo {
float: right;
padding-right: 5px;
font-weight:600;
font-size: 12px;
}
#ArticleList div.List  .Availability {
padding-left: 15px;
padding-right: 1px;
}

/* ARTICLE PROFILE END */

/* ITEMS LISTING TOOLS START */
#ListHeader h1 {
clear:both;
padding: 0;
margin: 0;
}

#ListHeader h1 {
clear:both;
padding: 0;
margin: 10px;
font-size: 200%;
}

#ToolsSection {
clear: both;
position: relative;
padding:0;
margin: 0;
height: 35px;
margin: 10px;
margin-bottom: 5px;
margin-right: 20px;
z-index: 10;
}

#ToolsSection .StandardTools {
float: left;
margin: 0;
list-style: none;
margin: 0;
padding: 0;
}

#ToolsSection .StandardTools li {
display: inline;
float: left;
list-style: none;
position: relative;
}

#ToolsSection .StandardTools span {
display: block;
float: left;
font-weight: normal;
margin: 0;
margin-right: 4px;
margin-top: 6px;
padding-right: 4px;
text-decoration: none;
}

#ToolsSection .StandardTools a {
float: left;
display: block;
padding: 2px 5px 2px 15px;
margin: 0;
margin-left: 4px;
margin-top: 4px;
background: #404040 url(/assets/images/icons/arrow_down.gif) 5px 50% no-repeat;
color: #FFF;
text-transform: uppercase;
text-decoration: none;
white-space: nowrap;
border: 1px solid #CCCCCC;
}

#ToolsSection .StandardTools a:hover {
background: #FF0000 url(/assets/images/icons/arrow_down.gif) 5px 50% no-repeat;
border: 1px solid #FFB299;
}

#ToolsSection .StandardToolsExtended {
float: right;
margin: 0;
list-style: none;
margin: 0;
padding: 0;
}

#ToolsSection .StandardToolsExtended {
display: inline;
list-style: none;
margin: 0;
padding: 0;
}

#ToolsSection .StandardToolsExtended li {
display: inline;
float: left;
list-style: none;
position: relative
}

#ToolsSection .StandardToolsExtended span {
display: block;
float: left;
font-weight: normal;
margin: 0;
margin-right: 4px;
margin-top: 6px;
padding-right: 4px;
text-decoration: none;
}

#ToolsSection .StandardToolsExtended a {
float: left;
display: block;
padding: 2px 5px 2px 15px;
margin: 0;
margin-left: 4px;
margin-top: 4px;
background: #404040 url(/assets/images/icons/arrow_down.gif) 5px 50% no-repeat;
color: #FFF;
text-transform: uppercase;
text-decoration: none;
white-space: nowrap;
border: 1px solid #CCCCCC;
}

#ToolsSection .StandardToolsExtended a:hover {
background: #FF0000 url(/assets/images/icons/arrow_down.gif) 5px 50% no-repeat;
border: 1px solid #FFB299;
}

#PagerSection {
clear: both;
position: relative;
padding:0;
margin: 0;
height: 35px;
margin: 10px;
margin-right: 20px;
}

.StandardPager {
float: left;
margin: 0;
}

.StandardPager span {
display: block;
float: left;
font-weight: normal;
margin: 0;
margin-right: 4px;
margin-top: 6px;
padding-right: 4px;
text-decoration: none;
}

.StandardPager a {
display: block;
float: left;
margin: 0;
margin-left: 4px;
margin-top: 4px;
border: 1px solid #CCCCCC;
padding: 2px;
padding-left: 4px;
padding-right: 4px;
background: #404040;
color: #fff;
text-decoration: none;
}

.StandardPager a:hover {
border: 1px solid #FFB299;
background: #FF0000;
}

.StandardPagerPages {
float: right;
margin: 0;
}
.StandardPagerPages span {
display: block;
float: left;
font-weight: normal;
margin: 0;
margin-left: 4px;
margin-top: 4px;
border: 1px solid #FFB299;
background: #FF0000;
padding: 2px;
padding-left: 4px;
padding-right: 4px;
text-decoration: none;
}

.StandardPagerPages a {
display: block;
float: left;
margin: 0;
margin-left: 4px;
margin-top: 4px;
border: 1px solid #CCCCCC;
padding: 2px;
padding-left: 4px;
padding-right: 4px;
background: #404040;
color: #ffffff;
text-decoration: none;
}

.StandardPagerPages a:hover {
border: 1px solid #FFB299;
background: #FF0000;
}

/* ITEMS LISTING TOOLS END */


/* PAGE OPTIONS START */
#PageOptions {
width: 100%;
margin: 0;
padding: 0;
border-top: 2px solid #FFF;
border-left: 1px solid #ffffff;
background-color: #FFF;
}
#PageOptions ul {
list-style: none;
margin: 0;
padding: 0;
height: 30px;
background-color: #f0f0f0;
}
#PageOptions li {
list-style: none;
margin: 0;
padding: 0;
color: #000;
text-transform: uppercase;
font-size: 14px;
float: left;
background: #FFF url(/assets/images/misc/bg_page_options_li.gif) 0 100% repeat-x;
}
#PageOptions li a {
float: left;
font-size: 14px;
text-decoration: none;
color: #000;
height: 22px;
margin: 0 2px 0 0;
padding: 7px 10px 0 8px;
border: 1px solid #f0f0f0;
border-bottom: none;
background-color: #f0f0f0;
}
#PageOptions li a:hover {
color: #FFFFFF;
background-color: #404040;
}
* html #PageOptions li a {
height: 22px;
}
#PageOptions li span {
text-decoration: none;
color: #000;
float: left;
height: 22px;
margin: 0 2px 0 0;
padding: 7px 10px 0 8px;
border: 1px solid #f0f0f0;
border-bottom: none;
background-color: #FFF;
}

#PageOptionsWrap {
overflow: hidden;
background-color: #FFF;
margin: 0;
padding: 10px;
}
#PageOptionsWrap  h2{
display: block;
font-size: 1.2em;
font-weight: 600;
padding-bottom: 1.0em;
}
#PageOptionsWrap  div.OptionTip {
float: right;
width: 160px;
padding: 10px 10px 0;
background-color: #404040;
color: #FFF;
}

* html #PageOptionsWrap  div.OptionTip {
position: relative;
}

#PageOptionsWrap  div.OptionTip  p {
font-size: 12px;
line-height: 1.2em;
margin: 5px;
margin-bottom: 15px;
}
#PageOptionsWrap  div.OptionTip  img {
display: block;
margin: 2px;
border: 3px solid #000000;
}
#PageOptionsWrap  table  {
float: left;
width: 565px;
background-color: #FFF;
border-collapse : collapse;
}

* html #PageOptionsWrap  table  {
position: relative;
}

#PageOptionsWrap  table td {
border: none;
border-bottom: 1px dotted #c4c4c4;
color: #909090;
font-size: 1.1em;
vertical-align: top;
text-align: center;
padding: 8px 2px 8px 2px;
}

#PageOptionsLoading {
display: block;
clear: both;
width: 100%;
text-align: center;
margin: 0;
padding: 10px;
}
#PageOptionsLoading img, #SpreadCategory #PageOptionsLoading img, #ZoomImageLoading img {
display: block;
width: 48px;
height: 48px;
margin: 0 auto;
padding: 20px;
padding-bottom: 5px;
}

#ZoomImageLoading {
display: block;
clear: both;
width: 100%;
text-align: center;
margin: 130px 0 0;
padding: 10px;
}

#AvailabilityOption  {
clear: both;
padding: 0;
margin: 0;
margin-bottom: 10px;
}
#AvailabilityOption  tr.AttributionTop td {
color: #000;
font-size: 1.2em;
text-align: center;
font-weight: 600;
padding: 0.25em;
margin: 0;
}
#AvailabilityOption  tr.AttributionBottom td {
border: none;
}
#AvailabilityOption table  td.Attribute {
width: 30%;
padding-right: 10px;
text-transform: uppercase;
text-align: right;
color: #000;
}


#SpecificationOption {
clear: both;
padding: 0;
margin: 0;
margin-bottom: 10px;
}
#SpecificationOption   tr.AttributionTop td {
color: #000;
border-bottom: 1px solid #c0c0c0;
font-size: 1.2em;
text-align: left;
font-weight: 600;
padding: 0.25em;
margin: 0;
}
#SpecificationOption   tr.AttributionBottom td {
border: none;
}
#SpecificationOption  table td.Attribute {
width: 30%;
text-align: right;
color: #000;
}
#SpecificationOption  table td.Designation  {
width: 70%;
text-align: left;
color: #000;
}


#QuestionOption {
clear: both;
padding: 0;
margin: 0;
margin-bottom: 10px;
}
#QuestionOption label{
font-size: 1.1em;
}

#EmailOption{
clear: both;
padding: 0;
margin: 0;
margin-bottom: 10px;
}
#EmailOption label{
font-size: 1.1em;
}


#BookmarkOption {
clear:both;
padding: 0;
margin: 0;
margin-bottom: 10px;
}

#BookmarkOption ul {
clear:both;
width:100%;
list-style:none;
margin: 10px 0 0 0;
padding:0;
}
#BookmarkOption ul li {
display:inline;
list-style:none;
margin:0;
padding:0;
}
#BookmarkOption ul li  {
display:block;
width: 220px;
float:left;
margin:0 0 0 1px;
padding:3px 10px;
text-align: left;
background:  #ffffff;
color:#000;
text-decoration:none;
position:relative;
left:15px;
line-height:1.3em;
}
#BookmarkOption a {
display: block;
padding: 5px;
text-decoration: none;
border-bottom: 1px solid #F2F2F2;
}
#BookmarkOption a img {
padding-right: 10px;
}
#BookmarkOption ul li a:hover {
background:#dddddd;
color:#000000;
}
#BookmarkOption ul li a.active,
#BookmarkOption ul li a.active:hover {
color:#fff;
background:  #F2F2F2;
font-weight:bold;
}
#BookmarkOption ul li a span {
display:block;
padding: 0.8em;
text-decoration: none;
}

#PrintOptions {
clear:both;
padding: 0;
margin: 0;
margin-bottom: 10px;
}
#PrintOptions ul {
clear:both;
width:100%;
border: none;
list-style:none;
margin: 10px 0 0 0;
padding:0;
}
#PrintOptions ul li img{
display: block;
margin: 0 auto;
padding: 5px;
}
#PrintOptions ul li {
display:inline;

list-style:none;
margin:0;
padding:0;
}
#PrintOptions ul li a {
display:block;
width: 220px;
float:left;
margin: 0 0 0 10px;
padding: 3px 10px;
text-align:center;
border: 1px solid  #F2F2F2;
text-decoration:none;
position:relative;
line-height:1.3em;
}

#PrintOptions li a strong {
color:#000;
font-size: 0.9em;
}
#PrintOptions ul li a:hover {
background:#dddddd;
color:#000000;
}
#PrintOptions ul li a.active,
#PrintOptions ul li a.active:hover {
color:#fff;
background:#000;
font-weight:bold;
}
#PrintOptions ul li a span {
display:block;
padding: 0.8em;
text-decoration: none;
}
/*PAGE OPTIONS END */




/* FORM ELEMENTS START */
#Search {
float: left;
width: 480px;

}
div.InlineForm {
clear: both;
margin: 0 0 10px 10px;
border: none;
}
div.InlineForm form{
width: 100%;
margin: 0;
margin-bottom: 2em;
padding: 0;
border: none;
}
div.InlineForm div.FormTwoColumn {
float: left;
width: 47%;
padding: 0;
margin: 0;
}
div.InlineForm fieldset {
border: none;
clear: both;
padding: 0;
margin: 0;
margin-bottom: 5px;
}

div.InlineForm label{
text-align: left;
font-size: 1.2em;
color : #000000;
padding: 0;
margin: 2px;
}

div.InlineForm label.MandatoryFieldError{
color: #FF0000;
}

div.InlineForm .FormInputLong{
display: block;
margin: 2px;
padding: 5px;
border: 1px solid #c0c0c0;
border-bottom: 1px solid #666666;
border-right: 1px solid #666666;
font-family: Arial, Helvetica, sans-serif;
margin: 2px;
padding: 5px;
font-size: 1.2em;
font-weight: normal;
width: 90%;
background: #f0f0f0;
}

div.InlineForm .FormInputLongError{
display: block;
border: 1px solid #FF0000;
font-family: Arial, Helvetica, sans-serif;
margin: 2px;
padding: 5px;
font-weight: normal;
font-size: 18px;
width: 90%;
background: #f0f0f0;
}
div.InlineForm .FormInputWideReadOnly {
display: block;
background-color: #dddddd;
border: 1px solid #c0c0c0;
border-bottom: 1px solid #666666;
border-right: 1px solid #666666;
font-family: Arial, Helvetica, sans-serif;
margin: 2px;
padding: 5px;
font-weight: normal;
font-size: 14px;
width: 90%;
}
div.InlineForm .FormInputLongTip {
clear: both;
margin-left: 2px;
margin-bottom: 5px;
font-size: .85em;
color: #777;
width: 90%;
}
div.InlineForm .FormInputLongInstruction {
clear: both;
margin-left: 2px;
margin-bottom: 5px;
font-size: .99em;
padding: 2px;
color: #000000;
width: 92%;
}

div.InlineForm .FormSubmitButton {
border: 1px #c0c0c0 solid;
font-weight: normal;
padding: 0.25em;
background-color: #000;
color: #ffffff;
text-transform: uppercase;
text-align: center;
font-size: 1.2em;
}


.MessageSystem{
clear: both;
width: 87%;
background: #ffffff;
padding: 15px;
font-size: 1.1em;
line-height: 1.5em;
border: 5px solid #ececec;
}

.MessageSystemFooter{
background: url(/assets/images/icons/message-footer-arrow.gif) 20px 0 no-repeat;
padding-left: 58px;
padding-top: 1px;
margin-bottom: 2em;
font-size: 90%;
color: #000000;
}

.MessageSystem a.MessageClose {
clear: both;
border: 1px solid #CCCCCC;
padding: 2px;
padding-left: 4px;
padding-right: 4px;
background: #EEEEEE;
text-decoration: none;
}

.MessageSystem a.MessageClose:hover {
border: 1px solid #ff0000;
background: #EEEEEE;
text-decoration: none;
}

.MessageComment{
clear: both;
background: #F2F2F2;
padding: 15px;
font-size: 1.1em;
line-height: 1.5em;
border: 5px solid #ececec;
}


.MessageCommentFooter{
background: url( /assets/images/icons/message-footer-arrow.gif) 20px 0 no-repeat;
padding-left: 58px;
padding-top: 1px;
margin-bottom: 2em;
font-size: 90%;
color: #4A4A4A;
}
/* FORM ELEMENTS END */

#size-option {
width: 100px;
border: 1px solid #999999;
text-align: center;
font-weight: 600;
}

/* LIST VIEW OPTIONS */

#ToolsSection .StandardTools a.over {
background: #404040 url(/assets/images/icons/arrow_up.gif) 5px 50% no-repeat;
}

#ToolsSection .StandardToolsExtended a.over {
background: #404040 url(/assets/images/icons/arrow_up.gif) 5px 50% no-repeat;
}

#listOptionModeSelector, #listOptionRPPSelector {
position: relative;
z-index: 50;
}

#listOptionMode,
#listOptionRPP,
#listOptionOrderName,
#listOptionOrderPrice {
position: absolute;
z-index: 50;
/*width: 100px;*/
background: #404040;
border: 1px solid #c4c4c4;
margin: 0;
padding: 5px 0;
top: 2.05em;
color: #FFF;
display: none;
list-style: none;
}

#listOptionMode,
#listOptionRPP {
left: 4px;
}

* html #listOptionMode,
* html #listOptionRPP  {
left: 8px;
}

#listOptionOrderName,
#listOptionOrderPrice {
right: 0;
}

#listOptionMode.over,
#listOptionRPP.over,
#listOptionOrderName.over,
#listOptionOrderPrice.over {
display: block;
}

.StandardTools #listOptionMode li,
.StandardTools #listOptionRPP li,
.StandardToolsExtended #listOptionOrderName li,
.StandardToolsExtended #listOptionOrderPrice li {
list-style: none;
list-image: none;
margin: 0 0 2px;
padding: 0;
display: block;
clear: both;
background: none;
border: none;
}

.StandardTools #listOptionMode a,
.StandardTools #listOptionRPP a,
.StandardToolsExtended #listOptionOrderName a,
.StandardToolsExtended #listOptionOrderPrice a {
display: block;
margin: 0;
padding: 0 5px 0 15px;
background: none;
color: #FFF;
text-transform: uppercase;
text-decoration: none;
white-space: nowrap;
border: none;
}

.StandardTools #listOptionMode a:hover,
.StandardTools #listOptionRPP a:hover,
.StandardToolsExtended #listOptionOrderName a:hover,
.StandardToolsExtended #listOptionOrderPrice a:hover {
background: #FF0000;
border: none;
}

.StandardTools #listOptionRPP a {
width: 11em;
}

.StandardTools #listOptionMode a {
width: 3em;
}

.StandardToolsExtended #listOptionOrderName a,
.StandardToolsExtended #listOptionOrderPrice a {
width: 11em;
text-align: right;
padding: 0 5px;
}

/* DOCUMENT LAYOUT START*/

#DocumentContent {
padding: 0.5em;
margin-bottom: 2em;
}

#DocumentContent h1 {
clear:both;
margin: 0.5em 0.5em 0.5em 0em;
font-size: 200%;
}
#DocumentContent h2 {
clear:both;
margin: 0.5em 0.5em 0.5em 0em;
font-size: 160%;
}
#DocumentContent h3 {
clear:both;
margin: 0.5em 0.5em 0.5em 0em;
font-size: 18px;
}

#DocumentContent h4 {
clear:both;
display: block;
font-size: 14px;
text-decoration: none;
white-space:nowrap;
color: #000;
text-align: left;
text-transform: uppercase;
margin: 0.5em 0em 0em 0em;
padding: 8px;
border-bottom: 1px solid #cccccc;

font-weight:normal;
background-color: #f0f0f0;
}

#DocumentContent table  {
width: 100%;
background-color: #FFF;
border-collapse : collapse;
}
#DocumentContent  table td {
border: none;
vertical-align: top;
border-bottom: 1px dotted #c4c4c4;
color: #000000;
font-size: 1.1em;
vertical-align: top;
text-align: left;
padding: 8px 2px 8px 2px;
}
#DocumentContent  tr.AttributionTop th {
font-size: 14px;
text-decoration: none;
white-space:nowrap;
color: #000;
text-align: left;
text-transform: uppercase;
margin: 0;
padding: 8px;
border-bottom: 1px solid #cccccc;
font-weight:normal;
background-color: #f0f0f0;
}

#DocumentContent  tr.AttributionTop td {
color: #000;
font-size: 1.2em;
text-align: center;
font-weight: 600;
padding: 0.25em;
margin: 0;
}
#DocumentContent  tr.AttributionBottom td {
border: none;
}
#DocumentContent table td.AttributePic{
width: 155px;
text-align:center;
}
#DocumentContent table  div.ArticleLabel {
clear: both;
border: 1px solid #f0f0f0;
list-style: none;
margin: 0;
margin-top: 10px;
padding: 4px;
}
#DocumentContent table  div.ArticleLabel ul {
display: block;
clear: both;
font-size: 12px;
list-style: none;
margin: 0;
padding: 0;
}
#DocumentContent table  ul.ArticleLabel  li {
margin: 0;
padding: 0;
list-style: none;
display: block;
text-align: left;
}

#DocumentContent table  td.MessageTimestamp {
white-space: nowrap;
padding-right: 5px;
color: #666666;
}
#DocumentContent table  td.MessageAuthor {
white-space: nowrap;
padding-left: 5px;
padding-right: 10px;

}
#DocumentContent table  td.MessageStandard {
color: #000000;
font-weight: 600;
}
#DocumentContent table  td.MessageAlert {
color: #ff0000;
font-weight: 600;
}
#DocumentContent table  td.MessageNotice {
color: #00CC00;
font-weight: 600;
}
#DocumentContent table  td.MessageResponce {
color: #0000FF;
font-weight: 600;
}



#DocumentContent table  td.Attribute{
text-align: left;
}
#DocumentContent table  td.AttributeSize{
white-space: nowrap;
text-align: center;
}
#DocumentContent table  td.AttributePrice{
white-space: nowrap;
text-align: center;
}
#DocumentContent table  td.Timestamp{
white-space: nowrap;
font-weight: 600;

}
#DocumentContent table  td.AttributeQTY {
white-space: nowrap;
text-align: center;
font-weight: 600;
}
#DocumentContent table  td.AttributeQTY input {
margin: 0;
padding: 0;
width: 20px;
height: 20px;
font-size: 15px;
background-color: #999999;
border: 1px solid #999999;
color: #ffffff;
text-transform: uppercase;
text-align: center;
}
#DocumentContent table  td.AttributeQTY span {
font-weight: 600;
margin: 0;
padding: 0;
padding-left: 4px;
padding-right: 4px;
}
#DocumentContent table  td.TotalName {
width: 50%;
what-space: nowrap;
padding-right: 10px;
text-transform: uppercase;
text-align: right;
color: #000;
}

#DocumentContent  table td.TotalSum {
width: 50%;
font-weight: 600;
text-align: left;
color: #000;
}


#DocumentContent div.MessageSystem{
clear: both;
width: 95%;
}

#DocumentContent div.DocumentTwoColumn{
clear: both;
padding; 0;
margin: 0;
width: 100%;
}

#DocumentContent div.DocumentTwoColumn ul{
display: block;
clear: both;
font-size: 1.1em;
list-style: none;
margin: 0.5em;
padding: 0;
}
#DocumentContent div.DocumentTwoColumn  li {
margin: 0;
padding: 0;
list-style: none;
display: block;
text-align: left;
}

#DocumentContent div.DocumentTwoColumn  li strong {
display: block;
text-transform: uppercase;
padding: 0.5em 0em 0.5em 0em;
}

#DocumentContent div.LeftColumn {
float: left;
width: 49%;
padding: 0;
margin: 0;
}

#DocumentContent div.RightColumn {
float: right;
width: 49%;
padding: 0;
margin: 0;
}

#CheckoutBox {
background: #f0f0f0;
border: 1px #dddddd dotted;
border-top: none;
}
#CheckoutBox a{
font-size: 1.0em;
}
#DocumentBox {
border: 4px #f0f0f0 solid;
padding: 10px;
text-align: center;
}

#DocumentContent div.DocumentFormBox {
width: 90%;
border: 4px #f0f0f0 solid;
font-size: 1.1em;
padding: 1.0em;
text-align: left;
}
#DocumentBox img{
display: block;
margin: 0 auto;
padding-bottom: 5px;
}

#DocumentContent div.InlineForm {
margin: 0 0 5px 5px;
}
#CheckoutBox  input.FormSubmitButton {
margin-top: 10px;

padding-left: 30px;
letter-spacing: 0.05em;
background: #000000 url(/assets/images/icons/ic_lock.png) 0 0 no-repeat;
}

#DocumentContent .LeftColumn form {
clear: both;
border: none;
padding: 0;
margin: 0;
margin-top: 5px;
}
#DocumentContent .LeftColumn fieldset {
border: none;
padding: 0;
margin: 0;
margin-bottom: 0.5em;
}
#DocumentContent .LeftColumn label {
display: block;
font-weight: 600;
}
#DocumentContent .LeftColumn div.FormInputLongTip{
clear: both;
font-size: .85em;
color: #777;
width: 99%;
}
#DocumentContent .LeftColumn input.QuickBasket {
padding: 0.25em;
width: 99%;
background-color: #ffffff;
border: 1px solid #999999;
color: #000000;
text-transform: uppercase;
letter-spacing: 0.05em;
text-align: left;
font-size: 0.9em;
font-weight: 600;
}
#DocumentContent .LeftColumn input.Size {
padding: 0.25em;
width: 100px;
padding-right: 20px;
background: #FFF url(/assets/images/icons/arrow_overview_down.gif) 100% 50% no-repeat;
border: 1px solid #999999;
color: #000000;
text-transform: uppercase;
letter-spacing: 0.05em;
text-align: center;
font-size: 0.9em;
font-weight: 600;
}
#DocumentContent .LeftColumn input.Button {
padding: 0.25em;
width: 125px;
background-color: #000;
border: 1px solid #999999;
color: #ffffff;
text-transform: uppercase;
letter-spacing: 0.05em;
text-align: center;
font-size: 12px;
}

/* DOCUMENT LAYOUT END*/

/* ADD TO BASKET */

.Action #BasketPreviewWrapper {
width: 295px;
padding: 0 0 10px;
position: absolute;
z-index: 170;
left: 0px;
background: none;
bottom: 26px;
}

#BasketPreviewWrapper.over {
background: transparent url(/assets/images/icons/arrow_overview_down2.gif) 45px 100% no-repeat;
}

#BasketPreviewWrapper #BasketPreviewContent {
display: none;
}

#BasketPreviewWrapper.over #BasketPreviewContent {
display: block;
}
/*
#ArticleDetailsPushBox > #BasketPreviewWrapper {
top: 85px;
bottom: 30px;
}
*/

* html .Action #BasketPreviewWrapper {bottom: 50px;}

.Action #BasketPreviewWrapper #BasketPreviewContent {
width: 100%;
/*height: 200px;*/
margin: 0;
padding: 0 0 5px;
background: #404040;
overflow: hidden;
}

.Action #BasketPreviewContent h4{
margin: 0;
padding: 2px 5px 5px 35px;
background: #000 url(/assets/images/icons/ic_basket_empty.gif) 10px 50% no-repeat;
color: #FFF;
font-size: 110%;
text-transform: uppercase;
border-bottom: 1px solid #999999;
white-space: nowrap;
/*overflow: hidden;*/
}

.Action #BasketPreviewContent h4 span{
/*font-size: 125%;*/
font-weight: 600;
color: #FFF;
display: inline;
padding: 0;
position: static;
}

.BasketPreviewScrollUp {
display: block;
clear: both;
width: 18px;
height: 9px;
margin: 5px 10px 3px;
}

.BasketPreviewScrollDown {
display: block;
clear: both;
width: 18px;
height: 9px;
margin: 5px 10px;
}

* html .BasketPreviewScrollDown {
margin-top: 2px;
}

.BasketPreviewScrollUp a, .BasketPreviewScrollDown a {
display: none;
}

.BasketPreviewScrollUp a.over, .BasketPreviewScrollDown a.over {
display: block;
}

.BasketPreviewItem {
width: 265px;
height: 75px;
margin: 5px 10px;
padding: 5px;
background: #FFF;
border-bottom: 2px solid #000;
float: left;
display: none;
}

* html .BasketPreviewItem {
margin-left: 5px;
}


.BasketPreviewItem.over {
display: block;
}

.BasketPreviewItem img {
display: block;
width: 75px;
height: 75px;
float: left;
margin: 0 10px 0 0;
}

.BasketPreviewItem p {
margin: 0;
padding: 0;
}

.Action #BasketPreviewContent .BasketPreviewItem .price {
font-weight: 600;
white-spasing: no-wrap;
}

.Action #BasketPreviewContent .BasketPreviewItem .price span {
color: #FF0000;
font-size: 120%;
display: inline;
margin: 0;
padding: 0;
white-spasing: no-wrap;
position: static;
}

.Action #BasketPreviewContent .BasketPreviewItem a.ButtonDel {
display: block;
float: right;
height: 12px;
margin: 5px 0 0;
padding: 0 10px 4px;
background-color: #000;
border: 1px solid #999999;
color: #ffffff;
text-transform: uppercase;
text-decoration: none;
letter-spacing: 0.05em;
text-align: center;
font-size: 10px;
letter-spacing: .1em;
}
.BasketPreviewItem a.ButtonDel:hover {
background-color: #ff0000;
}

* html .BasketPreviewItem a.ButtonDel {
padding: 0 10px 0px;
}

#BasketPreviewContent a.ButtonClose {
float: left;
height: 16px;
margin: 5px 0 5px 10px;
padding: 2px 10px;
background-color: #000;
border: 1px solid #999999;
color: #ffffff;
text-transform: uppercase;
text-decoration: none;
letter-spacing: 0.05em;
text-align: center;
font-size: 12px;
letter-spacing: .1em;
}

#BasketPreviewContent a:hover.ButtonClose {
background-color: #ff0000;
}

#BasketPreviewContent a.ButtonCheckout {
float: right;
height: 16px;
margin: 5px 10px 5px 0;
padding: 2px 10px;
background-color: #000;
border: 1px solid #999999;
color: #ffffff;
text-transform: uppercase;
text-decoration: none;
letter-spacing: 0.05em;
text-align: center;
font-size: 12px;
letter-spacing: .1em;
}

#BasketPreviewContent a:hover.ButtonCheckout {
background-color: #FF0000;
}

#BasketPreviewLoading {
display: block;
clear: both;
width: 100%;
text-align: center;
color: #c4c4c4;
width: 265px;
height: 165px;
margin: 5px 10px;
padding: 5px;
}

#BasketPreviewLoading img {
display: block;
margin: 40px auto 0;
padding: 10px;
padding-bottom: 5px;
width: 48px;
height: 48px;
}

#BasketPreviewContent #BasketPreviewLoading a.ButtonClose {
width: 4em;
margin: 20px auto;
float: none;
display: block;
}

/* ADD TO BASKET END */

/* SEARCH POP-DOWN */

#searchResultAjaxTags{
position: absolute;
right: 10px;
top: 101px;
width: 210px;
background: transparent url(/assets/images/icons/arrow_search_up.gif) 20px 0 no-repeat; ;

margin-left: 0px;
display: none;
z-index: 200;
padding: 10px 0 0;
}

#searchResults {
border: 1px solid #c4c4c4;
background: #FFF;
padding: 5px 0;
}

#searchResults ul{
list-style: none;
margin: 0px;
padding: 0px;
}

#searchResults li{
list-style: none;
margin: 0 0 .3em;
padding: 0;
}

#searchResults h4{
margin: 0 0;
padding: 0.1em 10px .5em;
color: #000;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-weight: 600;
}

#searchResults a{
display: block;
margin: 0;
padding: 2px 10px;
font-size: 16px;
font-size: small;
line-height: 1em;
color: #404040;
text-decoration: none;
}
#searchResults a:hover {
color: #FF0000;
}

#searchResults a.selected{
color: #FFF;
background: #FF0000;
}

/* COLUMNS GRID SETTINGS START */

.grid2col,
.grid2cola,
.grid2colb,
.grid2colc,
.grid2cold,
.grid2cole,
.grid2colf,
.grid3col,
.grid3cola,
.grid4col,
.grid5col,
.grid6col {
width: 100%;
margin: 0.25em;
clear: both;
}
.grid2col .column { width: 49%; }
.grid2col .grid2col .column { width: 47.8%; }
.grid3col .grid2col .column { width: 46%; }
.grid4col .grid2col .column { width: 45%; }
.grid2cola .column.first { width: 66%; }
.grid2cola .column.last { width: 32%; }
.grid2colb .column.first { width: 74.9%; }
.grid2colb .column.last { width: 23%; }
.grid2colc .column.first { width: 32%; }
.grid2colc .column.last { width: 66%; }
.grid2cold .column.first { width: 23%; }
.grid2cold .column.last { width: 74.9%; }
.grid2cole .column.first { width: 79%; }
.grid2cole .column.last { width: 19%; }
.grid2colf .column.first { width: 19%; }
.grid2colf .column.last { width: 79%; }
.grid3col .column { width: 32%; margin-left: 2%; }
.grid2col .grid3col .column { width: 31%; }
.grid3cola .column { width: 58%; margin-left: 2%; }
.grid3cola .column.first,
.grid3cola .column.last { width: 19%; }
.grid4col .column { width: 23%; margin-left: 3%; }
.grid5col .column { width: 18.4%; margin-left: 2%; }
.grid6col .column { width: 15%; margin-left: 2%; }
.column.first, .column.last { margin-left: 0 !important; }
.column.last { float: right !important; }
.column {float: left;}

div.grid3col h2 {
border-bottom: 1px #c0c0c0 solid;
}

div.grid3col h3 {
padding-left: 0.2em;
border-bottom: 0px #dddddd solid;
}
div.grid3col ul {
list-style: square;
}

/*  COLUMNS GRID SETTINGS END */


/* PAGE CONTENT SPECIAL LANDING START */
#ContentNavigation .rss {
padding-left: 21px;
margin-left: 2px;
background: transparent url(/assets/images/icons/rssfeed_logo.gif) 0 3px no-repeat;
}

#ContentLanding {
position: relative;
height: 330px;
padding: 0;
margin: 0;
border: none;
}
#ContentLanding img.CategoryPic {
float: left;
border-right: 1px solid #c0c0c0;
border-left: 1px solid #c0c0c0;
}
#ContentPushBox {
float: right;
background: #404040;
position: relative;
display: table;
padding: 0;
margin: 0;
width: 300px;
height: 330px;
}
#ContentPushBox  div.ArrowPushTop {
position: absolute;
right: 0;
bottom: 0;
padding: 0;
margin:0;
}
#ContentPushBoxArrow {
position: absolute;
top: 0;
right: 300px;
width: 14px;
height: 380px;
}
#ContentPushBoxArrow.Standard {
background: transparent url(/assets/images/misc/bg_content_arrow-left.gif) 0 50% no-repeat;
}

#ContentPushBox a.Button {
height: 20px;
padding: 0.5em;
background-color: #000;
border: 1px solid #999999;
color: #ffffff;
text-transform: uppercase;
text-decoration: none;
letter-spacing: 0.05em;
text-align: center;
font-size: 1em;
}
#ContentPushBox a.Button:hover {
background-color: #ff0000;
color: #000000;
}
#ContentPushBox div.InnerBox {
display: table-cell;
#position: absolute;
#top: 50%;
vertical-align: middle;
}
#ContentPushBox div.InnerBox span {
display: block;
#position: relative;
#top: -50%;
padding: 1.8em;
margin-right: 1.0em;
color: #ffffff;
font-size: 13px;
}
#ContentPushBox div.InnerBox h2{
display: block;
font-size: 1.4em;
font-weight: normal;
padding-bottom: 1.0em;
}
#ContentPushBox div.InnerBox strong{
display: block;
font-size: 1.2em;
padding: 1.0em 0em 1.0em 0em;
}
/* PAGE CONTENT SPECIAL LANDING START */