/*
Theme Name: Skysprout
Author: Hungry Creative
*/
#custom-doc { 
	margin:auto;
	text-align:left;
	width:73.85em;/* non-IE */
	*width:72.00em;/* IE */
	width:960px;
}
body, input, select, textarea, button {font-family:Helvetica, Arial, sans-serif;}
html, body {background-color:#333333;}
body {
	color:#5B3834;
	font-size:77%;
}
#yui-main p {
color:#5B3834;
}
/* type */
a {text-decoration:none;color:#5B3834;outline:none;}
a:hover {text-decoration:underline;}
p {margin: 0 0 1em 0;}
h1,h2,h3,h4,h5 {color: #5B3834;margin:0 0 12px 0;}
strong {font-weight:bold;}
h2{font-size:160%;}
h3 {font-size:160%;}
h4 {font-size:120%;font-weight:bold;margin:0 0 .3em 0;}

hr {
	color:#fff;
	background-color:#fff;
	border:2px dotted #D3D2D0;
	border-style:none none dotted;
	color:inherit;
	background-color:inherit;
}
.clear  {
	clear:both;
}

/* header */
#logo {
	background: url(images/logo.png) no-repeat;
	position:absolute;
	top:-10px;
	width:230px;
	height:283px;
	margin-left:-30px;
}
#logo h1, #logo a{
	text-indent:-2000px;
	width:230px;
	height:283px;
	display:block;
}
.mainimageholder {
	width:940px;
	height:180px;
	margin:0 0 10px;
	border:1px solid #D3D2D0;
}
/* homepage image */
#homeimageholder {
	display:block;
	width:710px;
	height:520px;
	overflow:hidden;
}

#homeimageholder H2 {
	color:#FFFFFF;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:197%; /*26px*/
}
#homeimageholder .inner * {
	color:#ffffff;
}
#homeimageholder .inner {
	display:block;
	padding:480px 0 0 10px;
	font-size:182%;
	color:#ffffff;
}
#homeimageholder.full {
	text-decoration: none;
}
#homeimageholder.full:hover .inner {
	color:#FFD200;
}
/* top nav, search & basket */
.navholder {
	padding:10px 0 10px 0;
}
.navholder .box {
	height:50px;
	float:right;
	padding:0 10px 0 10px;
}
.navholder .box2 {
	width:100px;
	border-left:1px dotted #676767;
}
.nav {
	float:right;
	font-size:90%;
}
.nav  li {
	margin-left: 0;
	padding:1px 5px 0 8px;
	list-style: none;
	display: inline;
	border-left: 1px solid #fff;
}
.nav li.last {padding-right:0;}
.nav a {
	font-size:100%;
	text-decoration:none;
	color:#fff;
}
.nav a:hover {
	text-decoration:underline;
}
#topnav .nav {
	font-size:93%;
	margin-top:35px;
}
#topnav .nav li {
	border-left: 1px solid #fff;
}
#nav_vertX ul {
	padding-left:0.5em;
}
#searchbox .inner {
	margin-top:15px;
}
#searchbox .field {
	margin-left:2px;
	width:96px;
	border:none; border:0;
}
#searchbox .btn {
	float:right;
	border:none; border:0;
	background:none;
	color:#fff;
}
.mini-search legend {display:none;}
.search-autocomplete {
    border:1px solid #333333;
    background:#f9f5f0;
    }
.search-autocomplete li { padding:2px 8px 1px 8px; }
.search-autocomplete li.odd { background:#fffefb; }
.search-autocomplete li.selected { background:#5b3831;color:#FFD200; }
#basketbox {
	color:#ffffff;
	line-height:140%;
	text-align:right;
	width:100px;
}
#basketbox a, #basketbox  a:hover {
	color:#FFD200;
}
.yellowbox {
	background-color:#FFD200;
	padding:1px 4px 0pt;
	border: 2px solid #FFD200;
}
/* Breadcrumbs */
.breadcrumbs {  margin:12px 0; font-size:.95em; line-height:1.25em; }
.breadcrumbs li { display:inline;}
/* Main */
.mainpage {
	background-color:#fff;
	padding:10px;
	min-height:400px;
}
#navmainholder {
	width:225px;
	overflow:hidden;
}
#itemnav {
	padding:0 0 0 0px;
}
#itemnav ul {
	list-style:none;
	margin:0;
	padding:0;
	border:none; border:0;

}	
#itemnav li {
	margin:0;
}
#itemnav li a {
	display:block;
	padding:5px 5px 5px 0;
	border-left:10px solid #fff;
	color:#5B3834;
	text-decoration:none;
	width:100%;
}
#itemnav li a:hover {
	border-left:10px solid #5B3832;
	background-color:#5B3832;
	color:#ffffff;
}
/* Footer */
.footerholder {
	background-color:#fff;
	margin:10px 0;
	padding:10px 0 10px 10px;
}
#ft {
	background-color:#333333;
}
#ft h1, #ft h2, #ft h3, #ft h4, #ft h5 {
	padding:0;
	font-size:130%;
	margin:0;
	text-transform:uppercase;
}
#ft a {
	text-decoration:none;
}
#ft .nav  li.first, #topnav .nav li.firstlink, #topnav .nav  li.page-item-2,  #ft .nav li.page-item-16 {
	border-left: none;
}
#ft .nav a {
	color:#aaa;
}
#ft .nav li {
	border-left:1px solid #aaa;
}
#ft .boxtype1  {
	background-color:#FFD200;
	float:left;
	height:88px;
	overflow:hidden;
	width:218px;
}
#ft .boxtype1 p, #ft .boxtype1 h3, #ft .boxtype1 h2, #ft .boxtype2 p, #ft .boxtype2 h3, #ft .boxtype2 h2 {
	text-transform:uppercase;
	font-size:130%;
}
#ft .boxtype1 p, #ft .boxtype1 a {
	color:#5B3834;
}
#ft a:hover, #sidebar a:hover, #sidebar h3 a:hover {
	color:#FFD200;
	/*background:#5B3834;*/
}
#ft .bottom-left-bg-ss a:hover {
	color:#5B3834;
}


#ft a.full  {
	display:block;
	/*width:100%; */
	height:88px;
}
#ft a.full:hover  {
	background:none;
}
#ft .boxtype2 a.full:hover span  {
	color:#FFD200;
	/*background:#5B3834;*/
}
#ft .boxtype1 .inner, #ft .boxtype2 .inner {
	padding:5px 0 0 8px;
}
#boxtype2holder {
	border-left:2px dotted #D3D2D0;
	border-right:2px dotted #D3D2D0;
	float:left;
	margin:0 10px;
	padding:0 10px;
}
#ft .boxtype2  {
	float:left;
	height:88px;
	width:460px;
	overflow: hidden;
}
#ft .boxtype2 a, #ft .boxtype2 p, #ft .boxtype2 h1, #ft .boxtype2 h2, #ft .boxtype2 h3, #ft .boxtype2 h4, #ft .boxtype2 h5 {
	color:#fff;
}
#ft .designed {
	font-size:90%;
	color:#aaa;
}
#ft .designed a {
	color:#aaa;
}
#ft .designed a:hover {
	text-decoration:underline;
}
#ft .designed a:hover, #ft .nav a:hover {
	background:none;
}

#ft #mailinglist label {
	display:block;
	margin-bottom:3px;
}
#ft #mailinglist .input-text, .sidebarblog .input-text {
	border:none; border:0;
	padding:2px;
}
#ft #mailinglist .form-button-alt, .sidebarblog .form-button {
	border:none;border:0;
	background-color:#5B3834;
	color:#FFD200;
	margin:-3px 0 0;
	padding:1px 4px;
	cursor:pointer;
	font-size:100%;
	/*overflow:visible;
	text-align:center;
	vertical-align:middle;
	width:auto;*/
}
/* validation */
.validation-failed {/*boxes.css (line 162)*/
	background:#FAEBE7 none repeat scroll 0 0 !important;
	border:1px dashed #EB340A !important;
}

/********************** Messages  */ /*boxes.css (line 176)*/
.success { /*color:#3d6611;*/ }
.error { color:#df280a; }
.notice {/*color:#e26703;*/}
.success, .error { /*font-weight:bold;*/ }
.messages { width:100%; overflow:hidden; padding:8px 0;}
.error-msg, .success-msg, .notice-msg, .note-msg {
    /*min-height:23px !important;
    margin-bottom:1em !important;
    border-style:solid !important;
    border-width:1px !important;*/
    /*  background-repeat:no-repeat !important;
  background-position:10px 10px !important;*/
    padding:0 !important;
    font-weight:bold !important;
    }
.error-msg li, .success-msg li, .notice-msg li {padding:0.3em 0; }
.error-msg {
    /*border-color:#f16048;*/
    color:#df280a;
   /* background-color:#faebe7;
    background-image:url(/store/skin/frontend/default/skysprout_theme/images/error_msg_icon.gif);*/
}
.success-msg {
   /* border-color:#446423;
    color:#3d6611;
    background-color:#eff5ea;
    background-image:url(/store/skin/frontend/default/skysprout_theme/images/success_msg_icon.gif);*/
}
.notice-msg, .note-msg {
  /*  border-color:#fcd344;
    background-color:#fafaec;
    background-image:url(/store/skin/frontend/default/skysprout_theme/images/note_msg_icon.gif);*/
}

/* Sidebar */
#sidebar {
	height:520px;
	overflow:hidden;
}
/*#sidebar.sidebarhome {}*/
#sidebar .hidden {
	display:none;
}
#sidebar li {
	margin:0 0 10px 8px;
	/*padding:10px;*/
	background-color:#5b3831;
	color:#fff;
	height:255px;
	overflow:hidden;
	font-size:123%;
}
#sidebar li ul li {
	height:auto;
	overflow:visible;
	padding:0 0 0.2em 0;
	margin:0;
}
#sidebar h3 {
	font-size:130%;
	color:#fff;
	margin:0 0 0.5em;
}
#sidebar.sidebarblog {
	height:auto;
	overflow:visible;
	padding:73px 0 0 10px;
}
#sidebar.sidebarblog li {
	height:auto;
	overflow:visible;
	font-size:100%;
	background: none;
}
#sidebar.sidebarblog li ul li {
padding:0 0 0.2em 0;
}

#sidebar.sidebarblog h3 {
	font-size:130%;
	color:#5b3831;
}
#sidebar a, #sidebar h3 a {
	color:#fff;
	text-decoration:none;
}/*#sidebar a:hover, #sidebar h3 a:hover*/
#sidebar.sidebarblog a, #sidebar.sidebarblog h3 a {
	color:#5b3831;
}
#sidebar .content, #sidebar a.full { /*, #sidebar a.full  .fullspan*/
	/*display:block;*/
	padding:10px;/**/
}
#sidebar a.full  {
	display:block;
	/*width:100%;*/
	height:235px;
}
#sidebar a.full:hover  {
	background:none;
}
#sidebar .alignBottom {
	padding-top:184px;display:block;
}
/************************************************************/
        /******************[ 404  ]*******************/
/************************************************************/

#container404 {
background-image:url(images/error_image.jpg);
width:710px;
height:520px;
}

.errorcopy404 {
padding: 10px 0 0 20px ;

}
.errorcopy404, .errorcopy404 p  {
color:#FFFFFF !important;

}

.errorcopy404 h5 {
font-size:161.6%; color:#FFFFFF;
}

.errorcopy404 li { 
margin-left:15px; list-style:disc;
 }
 
/************************************************************/
        /******************[ Skysprout Boys Collection  ]*******************/
/************************************************************/

#boyscollection {
background-image:url(images/Boys-Collection-5722.jpg);
width:710px;
height:520px;
margin:0px;
}

#boyscollection .boysinner  {
color:#FFFFFF;
padding: 460px 0 0 10px ;
}

.boysinner h2 {
font-size:197%; 
color:#FFD200;
display:inline;
}			

/* Form Messages */
.validation-advice, .required { color:#EB340A; }
.validation-advice {
    background:url(/store/skin/frontend/default/skysprout_theme/images/validation_advice_bg.gif) no-repeat 2px 1px;
    padding-left:17px;
    font-weight:bold;
}
#advice-required-entry-attribute579, #advice-required-entry-attribute65 {	
	position:absolute;
}
.validation-failed {
    border:1px dashed #EB340A !important;
    background:#faebe7 !important;
}
label.required {
    font-weight:bold;
}
p.required {
    font-size:.95em;
    text-align:right;
}

.sizingchart, .sizingchart body {
	background:#ffffff;
	padding:20px;
	text-align:left;
}



/* ie6 */
.footerholder p, .boxtype1 p, .boxtype2 p {

margin:0;
}


.text-colour-light, .text-colour-light * {
	color:#FFFFFF !important;
}
.text-colour-dark, .text-colour-dark * {
	color:#5B3834 !important;
}

.text-colour-light a:hover, .text-colour-light a:hover * {
	color:#FFD200 !important;
}
.text-colour-dark a:hover, .text-colour-dark a:hover * {
	color:#FFD200 !important;
}


#deliver 
{
	margin:10px 15px 15px 0;
	width: 100%;
	text-align: left;
	border-collapse: collapse;
}
#deliver  th
{
	font-weight: normal;
	padding: 8px;
	background: #92594E;
	border-bottom: 1px solid #ffffff;
	color: #ffffff;
}
#deliver  td
{
	padding: 8px;
	background: #FFEE9F; 
	border: 1px solid #ffffff;
	color: #000000;
	border-top: 1px solid transparent;
	text-align:left;
}
#deliver  tr:hover td
{
	background: #BDC5DD;
	color:ffffff;
}