/*******************************************************
This version of reset.css developed by Eric Meyer - http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
*******************************************************/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	background-image: transparent;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}


/*
Home page
*/
#homeContainer { width: 984px;
                 height: 547px;
                 padding-top: 50px;
                 background: url(../img/design/home.jpg);
                 position: relative; }

#homeContainer p { width: 350px;
                   color: #666;
                   float: right;
                   font-size: 1em;
                   margin-top: 10px;
                   margin-right: 200px;
                   line-height: 1.3em; }

#homeContainer p a.boys { color: #0e0967;
                          text-decoration: none; }

#homeContainer p a.girls { color: #811787;
                           text-decoration: none; }

#homeContainer p a.boys:hover,
#homeContainer p a.girls:hover { text-decoration: underline; }

#homeContainer a.brands { position: absolute;
                          bottom: 40px;
                          right: 20px; }

#footerLinks { display: inline;
               position: absolute;
               bottom: 12px;
               left: 15px; }

#footerLinks li { display: inline; }

#footerLinks li.contact { margin-right: 120px; }

#footerLinks li a { color: #aaa;
                    text-decoration: none;
                    font-size: 0.9em; }

#footerLinks li.cards { margin-left: 20px;
                        position: relative;
                        top: 13px; }
/*
Product view page
*/
#ProductView { border: 2px solid #95ce2a;
               color: #999;
               margin-bottom: 45px; }

#ProductView div.ProductInfo { margin: 30px 10px 20px 351px;
                               width: 380px; }

#ProductView div.ProductInfo h1 { font-size: 1.3em;
                                  margin-bottom: 15px; }

#ProductView div.ProductInfo p { color: #666;
                                 margin-bottom: 30px;
                                 line-height: 1.4em;
                                 font-size: 0.8em;
                                 width: 350px; }

#ProductView div.ProductInfo ul.GalleryThumbs { width: 360px;
                                                margin-bottom: 30px; }

#ProductView div.ProductInfo ul.GalleryThumbs li { display: inline;
                                                   margin-right: 5px;
                                                   margin-bottom: 5px; }

#ProductView div.ProductInfo ul.GalleryThumbs li a { color: #fff;
                                                     text-decoration: none; }

#ProductView div.ProductInfo ul.GalleryThumbs li a img { border: 0; }

#ProductView div.ProductInfo span.Price { color: #666;
                                          font-size: 1.5em; }

#ProductView div.ProductInfo span.PriceWas { color: #666;
                                             font-size: 0.9em;
                                             display: block;
                                             margin-top: 3px; }

.sale { font-weight: bold;
        color: #f00;
        font-style: italic; }

.listSale { color: #b4d956;
            font-style: italic; }

#ProductMainImage { margin: 10px 0 0 10px;
                    width: 311px;
                    float: left;
                    position: relative; }

#imageZoom { position: absolute;
             bottom: 0;
             right: 0;
             text-decoration: none; }

#imageZoom img { border: 0; }

#ProductView div.ProductFooter { /*clear: both;*/
                                 margin-left: 351px;
                                 width: 390px; }

ul.RelatedTags { margin-bottom: 40px; }

ul.RelatedTags li { margin-bottom: 5px; }

ul.RelatedTags li a { color: #95ce2a;
                      text-decoration: none; }

#ProductView div.ProductFooter form fieldset.submit { text-align: right; }

#ProductView div.ProductFooter form fieldset select { width: 150px; }

#ProductView div.ProductFooter form fieldset.submit input.submit { display: block;
                                                                   width: 130px;
                                                                   height: 30px;
                                                                   margin: 30px 0 0 auto;
                                                                   color: #fff;
                                                                   background-color: #777;
                                                                   border: 1px solid #777; }

/*
  Related products and search result styling
*/

#RelatedProducts { margin-bottom: 30px; }

#RelatedProducts li { display: block;
                      border: 1px solid #95ce2a;
                      float: left;
                      margin: 0 0 10px 10px;
                      width: 176px; }

#RelatedProducts li:first-child,
#RelatedProducts li.leftSide { margin-left: 0; }

#RelatedProducts li div.image { width: 177px;
                                height: 150px;
                                text-align: center; }

#RelatedProducts li div.info { background-color: #777;
                               color: #fff;
                               padding: 5px;
                               font-size: .7em;
                               line-height: 1.3em;
                               height: 45px; }

#RelatedProducts li div.info a { text-decoration: none;
                                 color: #fff;
                                 font-weight: normal; }

/*
  Left navigation styling
*/
.nav { margin: 0 20px 30px 20px; }

.nav li { position: relative;
          margin-bottom: 8px; }
.nav li label { font-weight: bold; }

.nav li input { position: absolute;
                right: 0; }
div.submit { text-align: right;
             margin: 0 20px; }

/*
  Text replacement
*/
a.shopBoys span,
a.shopGirls span,
h3.related span,
h2.subHeader span,
#headerShort p span,
#shopping span,
#checkout span,
#boyslink span,
#girlslink span,
#header p span { display: block;
                	width: 0;
                	height: 0;
                	overflow: hidden; }

h3.related { width: 400px;
             height: 34px;
             margin-bottom: 15px;
             background-image: url(../img/design/otherItems.png); }

a.shopBoys { width: 165px;
             height: 31px;
             margin: 10px auto;
             display: block;
             background-image: url(../img/design/headers/shopBoys.png); }

a.shopGirls { width: 165px;
             height: 31px;
             margin: 10px auto;
             display: block;
             background-image: url(../img/design/headers/shopGirls.png); }

#shopping { width: 192px;
            height: 28px;
            display: block;
            float: left;
            margin-top: 30px;
            background-image: url(../img/design/headers/continue.png); }

#checkout { width: 210px;
            height: 28px;
            display: block;
            float: right;
            margin-top: 30px;
            background-image: url(../img/design/headers/proceed.png); }

#boyslink { width: 83px;
            height: 67px;
            display: block;
            margin-top: 30px;
            float: left;
            background-image: url(../img/design/boys.png); }

#girlslink { width: 71px;
             height: 69px;
             display: block;
             float: left;
             margin: 30px 0 0 10px;
             background-image: url(../img/design/girls.png); }

/*
  Order status
*/
#OrderStatus { text-align: center;
               width: 645px;
               height: 100px;
               margin: 0 0 50px 100px; }

#OrderStatus li { display: block;
                  width: 100px;
                  height: 100px;
                  float: left; }

#OrderStatus li.past { background-image: url(../img/design/completeStage.gif); }

#OrderStatus li.current { background-image: url(../img/design/pointer.gif); }

#OrderStatus li a { text-decoration: none;
                    color: #666; }

#OrderStatus li a span { display: -moz-inline-box;
                         display: inline-block;
                         width: 30px;
                         height: 55px;
                         padding: 5px 35px 0 35px;
                         font-size: 45px;
                         color: #fff;
                         text-align: center;
                         vertical-align: center;
                         font-weight: bold;
                         background: url(../img/design/step_grey.png) no-repeat center center; }

#OrderStatus li.past a span,
#OrderStatus li.complete a span,
#OrderStatus li.current a span { background: url(../img/design/step_green.png) no-repeat center center; }

#OrderStatus li a:hover { font-weight: bold; }

#OrderStatus li.future a:hover { font-weight: normal;
                                 cursor: default; }

#OrderStatus li a img { border: 0; }

/*
  Order form
*/

#flashMessage { color: #f00;
                padding-left: 20px;
                background: url(../img/admin/exclamation.png) no-repeat left center;
                margin: 30px auto;
                width: 450px; }

form.odrform { padding-bottom: 30px; }

form.odrform fieldset { margin-bottom: 40px; }

form.odrform legend { font-weight: bold;
                      font-size: 1.2em;
                      color: #95ce2a;
                      margin-bottom: 10px; }

form.odrform label { display: -moz-inline-box;
                     display: inline-block;
                     line-height: 1.8;
                     vertical-align: top;
                     font-size: 0.8em;
                     font-weight: bold;
                     width: 110px; }

form.odrform li.checkbox label { width: 400px; }

form.odrform fieldset ul { margin: 0 30px; }

form.odrform fieldset li { padding: 10px 0;
                           border-top: 1px dashed #aaa; }

form.odrform fieldset li:first-child { border: 0; }

form.odrform fieldset ul li ul.cards { margin: 0 auto;
                                       height: 90px;
                                       width: 400px; }

form.odrform fieldset ul li ul.cards li { padding: 10px 0;
                                          border: 0;
                                          display: block;
                                          float: left;
                                          width: 90px;
                                          height: 70px;
                                          text-align: center; }

form.odrform fieldset ul li ul.cards li input { display: block;
                                                margin: 0 auto; }

form.odrform fieldset li div.error_message { color: #f00;
                                             margin: 5px 0 0 110px;
                                             padding-left: 20px;
                                             background: url(../img/admin/exclamation.png) no-repeat left center; }

form.odrform em { font-weight: bold;
                  font-style: normal;
                  color: #f00; }

form.odrform div.hint { float: right;
                        width: 250px;
                        background: url(../img/design/formBgTop.png) no-repeat top right; }

form.odrform div.hint p { float: right;
                           width: 220px;
                           padding: 10px 15px;
                           font-size: 0.9em;
                           background: url(../img/design/formBgBottom.png) no-repeat bottom right;  }

/*
  Basket section
*/
p.basket { line-height: 1.2em;
           font-size: 0.9em; }

form.basket { margin-top: 30px;
              font-size: 0.8em; }

form.basket table { background-color: #cae795;
                    width: 100%; }

form.basket table tr.headers { background-color: #95ce2a;
                               font-weight: bold;
                               color: #fff; }

form.basket table tr.headers th { padding: 5px 3px; }

form.basket table tr.product td { border: 1px solid #95ce2a;
                                  border-right: 0;
                                  padding: 5px 3px; }

form.basket table tr.product td:first-child { border-left: 0; }

form.basket div.recalculate input { display: block;
                                    width: 130px;
                                    height: 30px;
                                    text-transform: uppercase;
                                    border: 1px solid #95ce2a;
                                    font-size: 0.9em;
                                    background-color: #95ce2a; }

form.basket table tr.payment th { font-weight: bold;
                                  padding: 8px 3px;
                                  border-right: 1px solid #95ce2a;
                                  border-bottom: 2px solid #95ce2a; }

form.basket table tr.payment td { padding: 8px 3px;
                                  border-bottom: 2px solid #95ce2a; }

form.basket table tr.totals th { font-weight: bold;
                                 padding: 8px 3px;
                                 border-right: 1px solid #95ce2a;
                                 border-bottom: 1px solid #95ce2a; }

form.basket table tr.totals td { padding: 8px 3px;
                                 border-bottom: 1px solid #95ce2a; }

/*
About pages etc
*/
h2.subHeader { font-weight: bold;
               font-size: 1.2em;
               color: #95ce2a;
               margin: 30px 0 10px 0; }

#header + h2.subHeader { margin-top: 0; }

.message,
p.mainText { margin-bottom: 10px;
             margin-right: 150px; }

p.mainText strong { font-weight: bold;
                    color: #0e0967; }

p.mainText { color: #666;
             font-size: 1em;
             line-height: 1.3em; }

.clear { clear: both;
         display: block;
         height: 1px; }

p.no-results { margin: 60px auto 0 auto;
               text-align: center;
               width: 500px; }

/*
Order conf page
*/
/*totals
basketProducts*/
#basketProducts { width: 720px; }

#totals { margin: 0 25px 30px auto;
          width: 180px; }

#cardDetails,
#deliveryDetails { float: left;
                   width: 350px; }

#cardDetails h2,
#deliveryDetails h2 { background: #95ce2a url(../img/design/orderHeader.png) no-repeat top left;
                      height: 20px;
                      padding: 5px 20px;
                      font-weight: bold;
                      color: #0e0967; }

#basketProducts h2 { background: #95ce2a url(../img/design/orderHeaderWide.png) no-repeat top left;
                     height: 20px;
                     padding: 5px 20px;
                     font-weight: bold;
                     color: #0e0967; }

#totals table { border-collapse: collapse;
                border: 1px solid #95ce2a;
                width: 180px; }

#basketProducts table { border-collapse: collapse;
                         border: 1px solid #95ce2a;
                         width: 719px;
                         margin: 0 0 0 1px; }

#cardDetails table,
#deliveryDetails table { border-collapse: collapse;
                         border: 1px solid #95ce2a;
                         width: 349px;
                         margin-left: 1px; }

#totals table tr { background-color: #cae795;
                   border-bottom: 1px solid #95ce2a;}

#basketProducts table tr.alt,
#cardDetails table tr.alt,
#deliveryDetails table tr.alt { background-color: #cae795; }


#totals table tr td,
#basketProducts table tr td,
#cardDetails table tr td,
#deliveryDetails table tr td { padding: 5px; }

#totals table tr td { width: 100px; }

#basketProducts table tr th,
#basketProducts table tr td { border-left: 1px solid #95ce2a; }

#basketProducts table tr th:first-child,
#basketProducts table tr td:first-child { border: 0; }

#basketProducts table tr th,
#totals table tr th,
#cardDetails table tr th,
#deliveryDetails table tr th { padding: 5px;
                               font-weight: bold;
                               font-size: 0.9em;
                               vartical-align: top;
                               width: 100px; }

#totals table tr th { width: 100px; }

#deliveryDetails { margin-left: 20px; }

#confirmOrder { clear: both;
                float: right;
                margin-top: 30px;
                padding: 30px 0;
                text-align: right;
                border-top: 2px solid #95ce2a;
                width: 100%;
                float: left; }

#confirmOrder label { font-weight: bold;
                      font-size: 0.9em; }

p.confText { margin: 0 60px 50px 60px; }

a.basketlink { color: #fff; }

a.imageLink { text-decoration: none; }

a.imageLink img { border: 0; }

/*
Footer section of the site
*/

#footer { clear: both;
          padding: 10px 0 30px 0;
          border-top: 1px solid #aaa;
          position: relative;
          top: 30px; }

#footer li { display: inline;
             color: #aaa; }

#footer li a { color: #aaa;
               text-decoration: none;
               font-size: 0.8em; }

/*
Breadcrumbs section
*/

#breadcrumbs { margin: 0 0 15px 0; }

#breadcrumbs li { display: inline;
                  color: #95CE2A; }

#breadcrumbs li a { color: #999;
                    text-decoration: none;
                    font-size: 0.8em;
                    margin-right: 5px; }


/*##########################################
Name: Default styling for Niceforms v.1.0
Author: Lucian Slatineanu
URL: http://www.badboy.ro/
##########################################*/


/*Forms defaults - change as needed*/
form.niceform input, form.niceform textarea {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#404040;
}
form.niceform label {
	color:#333333;
	cursor:pointer;
	padding-left:2px;
	line-height:16px;
}
form.niceform label.chosen {color:#3A3683;}

/*Transparent items*/
form.niceform .outtaHere {
	position:absolute;
	left:-3000px;
}

/*Radio buttons*/
form.niceform .radioArea, form.niceform .radioAreaChecked {
	display:block;
	float:left;
	clear:left;
	width:15px;
	height:14px;
	font-size:0;
	cursor:pointer;
}
form.niceform .radioArea {background:url(../img/niceforms/radio.gif) no-repeat left top;}
form.niceform .radioAreaChecked {background:url(../img/niceforms/radio.gif) no-repeat left bottom;}

/*Checkboxes*/
form.niceform .checkboxArea, form.niceform .checkboxAreaChecked {
	display:block;
	position:absolute;
	right: 0;
	left: auto;
	top: 0;
	width:13px;
	height:13px;
	font-size:0;
	padding:0;
	margin:0;
	cursor:pointer;
}
form.niceform .checkboxArea {background:url(../img/niceforms/checkbox.gif) no-repeat left top;}
form.niceform .checkboxAreaChecked {background:url(../img/niceforms/checkbox.gif) no-repeat left bottom;}
form.niceform .focused {border:1px dotted #ddd;}

/*Text inputs*/
form.niceform .textinput, form.niceform .textinputHovered {
	height:15px;
	background:url(../img/niceforms/input_bg.gif) repeat-x left top;
	border:none;
	padding:4px 0;
	vertical-align:middle;
}
form.niceform .textinputHovered {background-position:left bottom;}
form.niceform .inputCorner {
	padding-bottom:0;
	vertical-align:middle;
}

/*Text areas*/
form.niceform .txtarea .tr, form.niceform .txtarea .tr_xon {background:url(../img/niceforms/txtarea_tr.gif) no-repeat top right;}
form.niceform .txtarea .tr_xon {background:url(../img/niceforms/txtarea_tr_xon.gif) no-repeat top right;}
form.niceform .txtarea img.txt_corner {
	width:5px;
	height:5px;
	display:block;
}
form.niceform .txtarea .br, form.niceform .txtarea .br_xon {background:url(../img/niceforms/txtarea_br.gif) no-repeat top right;}
form.niceform .txtarea .br_xon {background:url(../img/niceforms/txtarea_br_xon.gif) no-repeat top right;}
form.niceform .txtarea .cntr {background:url(../img/niceforms/txtarea_cntr.gif) repeat-y right top;}
form.niceform .txtarea .cntr_xon {background:url(../img/niceforms/txtarea_cntr_xon.gif) repeat-y right top;}
form.niceform .txtarea .cntr_l, form.niceform .txtarea .cntr_l_xon {
	width:5px;
	background:url(../img/niceforms/txtarea_l.gif) repeat-y left top;
	float:left;
}
form.niceform .txtarea .cntr_l_xon {background:url(../img/niceforms/txtarea_l_xon.gif) repeat-y left top;}
form.niceform .txtarea textarea {
	border:0;
	background:none;
	padding:0;
	margin:5px;
}

/*Selects*/
form.niceform .selectArea {
	width:200px;
	height:21px;
	background:url(../img/niceforms/select_bg.gif) repeat-x left top;
}
form.niceform .selectArea .left {
	width:8px;
	height:21px;
	float:left;
	background:url(../img/niceforms/select_left.gif) no-repeat left top;
}
form.niceform .selectArea .right {
	width:21px;
	height:21px;
	float:right;
	background:url(../img/niceforms/select_right.gif) no-repeat left top;
}
form.niceform .selectArea .right a {
	display:block;
	width:200px;
	height:21px;
	margin-left:-179px;
	position:absolute;
}
form.niceform .selectArea .right i {display:none;}
form.niceform .selectArea .center {
	width:160px;
	color:#FFF;
	padding-top:3px;
	overflow:hidden;
	white-space:nowrap;
}

/*Selects drop-down*/
form.niceform .optionsDivInvisible, .optionsDivVisible {
	position:absolute;
	margin-top:-1px;
	margin-left:3px;
	width:172px;
	background:#6f7074;
	padding:2px;
	font-size:11px;
	z-index:20;
}
form.niceform .optionsDivInvisible {display:none;}
form.niceform .optionsDivVisible {display:block;}
form.niceform .optionsDivVisible p {
	margin:0;
	padding:0;
}
form.niceform .optionsDivVisible a {
	color:#F2F2F2;
	text-decoration:none;
	display:block;
	padding:1px 4px;
	border:1px solid #6f7074;
}
form.niceform .optionsDivVisible a:hover {
	color:#FFF;
	background:#5F6062;
	border-color:#cfd0d6;
}

/*Button*/
form.niceform .buttonSubmit, form.niceform .buttonSubmitHovered {
	width:auto;
	height:26px;
	color:#333;
	font-weight:bold;
	padding:2px;
	background:url(../img/niceforms/button_bg2.gif) repeat-x left top;
	cursor:pointer;
	border:none;
}
form.niceform .buttonSubmitHovered {background-position:left bottom;}
form.niceform .buttonImg {vertical-align:bottom;}

#lbOverlay { position: absolute; top: 0; left: 0; z-index: 99998; width: 100%; height: 500px; background-color: #000000; }

#lbMain { position: absolute; left: 0; width: 100%; z-index: 99999; text-align: center; line-height: 0; }
#lbMain a img { border: none; }

#lbOuterContainer { position: relative; background-color: #fff; width: 200px; height: 200px; margin: 0 auto; border: 3px solid #ffffff; }

#lbDetailsContainer {	font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; width: 100%; line-height: 1.4em;	overflow: auto; margin: 0 auto; border: 3px solid #ffffff; border-top: none; }

#lbImageContainer, #lbIframeContainer { padding: 10px; }
#lbLoading {
	position: absolute; top: 45%; left: 0%; height: 32px; width: 100%; text-align: center; line-height: 0; background: url(images/loading.gif) center no-repeat;
}

#lbHoverNav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#lbImageContainer>#lbHoverNav { left: 0; }
#lbHoverNav a { outline: none; }

#lbDetailsData { padding: 0 10px; }
	#lbDetailsData.grey { color: #333333; }
	#lbDetailsData.red { color: #620000; }
	#lbDetailsData.green { color: #003300; }
	#lbDetailsData.blue { color: #01379E; }
	#lbDetailsData.gold { color: #666600; }

#lbDetails { width: 60%; float: left; text-align: left; }
#lbCaption { display: block; font-weight: bold; }
#lbNumberDisplay { float: left; display: block; padding-bottom: 1.0em; }
#lbNavDisplay { float: left; display: block; padding-bottom: 1.0em; }

#lbClose { width: 64px; height: 28px; float: right; margin-bottom: 1px; background: url(../img/lytebox/closelabel.gif) no-repeat; }