body {
	font: 100% Arial, Helvetica, sans-serif;
	background-color:#ffffff;
	text-align: center;
	color: #333333;
	margin: 0;
	padding: 0;
}
#page {
	background-repeat: no-repeat;
	background-position: center top;
}
.main {
	background:url(../images/bg_main.jpg);
}
.girls, .guys, .kids, .body, .rubi, .rubi-shoes, .kids-girls, .kids-boys, .kids-baby {
	margin:0 auto;
	max-width:1560px;
	overflow-x:hidden;
}
.kids, .kids-girls, .kids-boys, .baby, .kids-baby {
	background:url(../images/bg_kids.jpg);
}
.rubi, .rubi-shoes {
	background:url(../images/bg_rubi.jpg);
}
.guys {
	background:url(../images/bg_guys.jpg);
}
.girls {
	background:url(../images/bg_girls.jpg);
}
.body {
	background:url(../images/bg_body.jpg);
}
.giftcards {
	background:url(../images/bg_giftcards.jpg);
}

.about {
	background:url(../images/bg_about.jpg);
}
.subscribe {
	background:url(../images/bg_subscribe.jpg);
}
.subscribe_thanks {
	background:url(../images/bg_subscribe_thanks.jpg);
}
.store {
	background:url(../images/bg_store.jpg);
}
.careers {
	background:url(../images/bg_careers.jpg);
}
.careers_day {
	background:url(../images/bg_careers_day.jpg);
}
.contact {
	background:url(../images/bg_contact.jpg);
}
.contact_thanks {
	background:url(../images/bg_contact_thanks.jpg);
}
.media {
	background:url(../images/bg_media.jpg);
}
.collections {
	background:url(../images/bg_collections.jpg);
}
.comp_july09 {
	background:url(../images/bg_competition_july09.png);
}
.shopping {
	background:url(../images/shopping-bg.jpg);
}
.shopping.kids-boys, .shopping.kids-girls, .product-view.kids-boys, .product-view.kids-girls, .shopping.kids-baby, .product-view.kids-baby {
	background:url(../images/bg_kids_catalogue.jpg);
}
.shopping.girls, .product-view.girls {
	background:url(../images/bg_girls_catalogue.jpg);
}
.shopping.guys, .product-view.guys {
	background:url(../images/bg_guys_catalogue.jpg);
}
.shopping.rubi, .shopping.rubi-shoes, .product-view.rubi, .product-view.rubi-shoes {
	background:url(../images/bg_rubi_catalogue.jpg);
}
.shopping.body, .product-view.body {
	background:url(../images/bg_body_catalogue.jpg);
}
.standard {
	background:url(../images/bg_standard.jpg);
}
/******************** HK background styles ***********************/
.guys_hk {
	background:url(../images/bg_guys_hk.jpg);
}
.girls_hk {
	background:url(../images/bg_girls_hk.jpg);
}
.body_hk {
	background:url(../images/bg_body_hk.jpg);
}
.rubi_hk {
	background:url(../images/bg_rubi_hk.jpg);
}
.kids_hk {
	background:url(../images/bg_kids_hk.jpg);
}
/******************** /HK background styles **********************/

#container {
	width: 960px;
	text-align:center;
	margin:0 auto;
	height:975px;
}
#header {
	width:960px;
	height:91px;
}
#content {
	height:461px;
	width:960px;
	text-align:left;
	margin:0 auto;
}
#content #content-inner {
	padding: 0 25px;
	height:461px;
	max-height:461px;
}
div#footer {
	height:100px;
	width: 960px;
	margin: 0 auto;
}
div#footer-nav {
	text-align:center;
	color:#666666;
	position:relative;
	top: 15px;
	width: 480px;
	float:left;
	left: 140px;
}
div#footer-nav p {
	margin:0;
	font-size:11px;
	color:#666666;
}
div#footer-nav a {
	color:#666666;
	text-decoration:none;
	font-size:11px;
	margin:0 4px;
}
div#footer-nav a:hover {
	text-decoration:none;
	color:#b31e3b;
}
div#footer div#foundation {
	width:140px;
	float:left;
	position:relative;
	top:15px;
	left:23px;
}
div#footer div#social {
	width:111px;
	float:right;
	position:relative;
	top:20px;
	margin-right:19px;
}
div#footer div#social a {
	float:left;
	margin-right:5px;
}
/*******************************************General Styles - Yes Sir!***************************************************/
h1 {
	margin: 0 0 .5em 0;
	color:#333333;
	font-family:"Myriad Pro";
	font-size:30px;
	font-weight:normal;
}
h2 {
	color:#333333;
	margin: 0 0 .5em 0;
	font-family:"Myriad Pro";
	font-size:20px;
	font-weight:normal;
}
p {
	margin: 0 0 1em 0;
	color:#333333;
	font-size:13px;
}
img {
	border:0;
}
table {
	border:0;
	padding:0;
	border-collapse:collapse;
	color:#333333;
	font-size:12px;
}
.description {
	display: none;
} /* hides desccription field on newsletter signup form */
a, a:link, a:visited {
	color:#b21f3c;
	text-decoration:underline;
}
/***********************************************************************************************************************/


/*  New contact page */
/*  Can style this correctly when HK site is up with the new design */
div#contact-content div.contactform {
	position: relative;
	top: 104px;
	left:260px;
}
div#contact-content h1, div#contact-content div.contact_left {
	display:none;
}
div#contact-content div.contactform {
	margin:0;
	width:400px;
}
div#contact-content p.sub_heading {
	color:#ffffff;
	font-size:12px;
}
div#contact-content div.contactform label {
	color:#ffffff;
}
div#contact-content div.contactform input.send {
	float: left;
	margin-left:130px;
}
div#contact-content p.con_store {
	margin:0;
	line-height:1.2em;
}
div#contact-content a.con_store {
	font-weight:bold;
}
/* /New contact page */


/*******************************************About Page Specific*********************************************************/
div#about-left {
	float:left;
	width:150px;
	margin: 90px 0 0 120px;
}
div#about-content {
	margin:0px 260px 0 300px;
	padding-top:75px;
}
ul.about-nav-menu {
	list-style-image: url(../images/about-nav-arrow.gif);
	margin:0;
	padding:0;
}
ul.about-nav-menu li {
	border-bottom:1px dashed #ffffff;
	line-height:30px;
	width:122px;
}
ul.about-nav-menu li.no-dash {
	border:0;
}
ul.about-nav-menu li a {
	text-decoration:none;
	font-size:12px;
	font-weight:bold;
	color:#666666;
}
/*******************************************End About Page Specific*****************************************************/


/*******************************************Girls Page Specific*********************************************************/
div#girls-content {
	margin:0px 450px 0 300px;
	padding-top:75px;
}
/*******************************************End Girls Page Specific*****************************************************/


/*******************************************Guys Page Specific**********************************************************/

#guys-content {
	margin:0px 300px 0 440px;
	padding-top:75px;
}
#content-middle { /* this replaces the above style */
	margin:0px 300px 0 440px;
	padding-top:75px;
}
/*******************************************End Girls Page Specific*****************************************************/


/*******************************************Guys Page Specific**********************************************************/
div#kids-right {
	float:right;
	width:200px;
	margin: 80px 60px 0 0;
}
div#kids-content {
	margin:0px 290px 0 440px;
	padding-top:75px;
}
#kids-content h1 {
	color:#FFFFFF;
}
#kids-content p {
	color:#FFFFFF;
}
/*******************************************End Girls Page Specific*****************************************************/


/*******************************************Girls Page Specific*********************************************************/
div#body-left {
	float:left;
	width:200px;
	margin: 80px 0 0 60px;
}
div#body-content {
	margin:0px 450px 0 300px;
	padding-top:75px;
}
/*******************************************End Girls Page Specific*****************************************************/


/*******************************************Scroller Stuff*************************************************************/
div#scroller-holder {
	margin: 0 auto;
	text-align:center;
	width:971px;
	height:138px;
}
#scroller {
	float:left;
	width:925px;
	overflow:hidden;
	height:138px;
	white-space: nowrap;
}
#scroller img {
	border: 0;
	padding: 0;
	border: 0;
	margin: 0 1px;
	display: inline;
}
#scroller-left {
	float:left;
	width: 23px;
	cursor:pointer;
}
#scroller-right {
	float:right;
	width: 23px;
	cursor:pointer;
}
/****************************************End Scroller Stuff************************************************************/



/************************************************** Main Nav ***********************************************************/
#nav {
	height:38px;
	width: 674px;
	position:relative;
	left: 290px;
	top: 23px;
	z-index:10;
}
#nav-us {
	height:38px;
	width: 650px;
	position:relative;
	left: 358px;
	top: 23px;
	z-index:10;
}
html>body #nav, html>body #nav-us {*left: 250px;} /* IE7 Menu Positioning Hack */

#nav ul, #nav-us ul {
	margin:0;
	padding:0;
	list-style:none;
}
#nav li, #nav-us li {
	text-indent:-9999px;
	float:left;
}
#nav li a, #nav-us li a {
	outline:none;
	display:block;
	text-decoration:none;
}
#nav a, #nav-us a {
	height:38px;
}



#girls a:link, #girls a:active, #girls a:visited {
	background: url(../images/main-nav-new2.png) no-repeat 0 0;
	width:80px;
}
#girls a:hover, #girls {
	background-position: 0 -38px;
}
#girls.current a:link, #girls.current a:active, #girls.current a:visited, #girls.current a:hover {
	background-position: 0 -38px;
	cursor: default;
}



#guys a:link, #guys a:active, #guys a:visited {
	background: url(../images/main-nav-new2.png) no-repeat -80px 0;
	width:79px;
}
#guys a:hover, #guys {
	background-position: -80px -38px;
}
#guys.current a:link, #guys.current a:active, #guys.current a:visited, #guys.current a:hover {
	background-position: -80px -38px;
	cursor: default;
}



#kids a:link, #kids a:active, #kids a:visited {
	background: url(../images/main-nav-new2.png) no-repeat -159px 0;
	width:72px;
}
#kids a:hover, #kids {
	background-position: -159px -38px;
}
#kids.current a:link, #kids.current a:active, #kids.current a:visited, #kids.current a:hover {
	background-position: -159px -38px;
	cursor: default;
}


#body a:link, #body a:active, #body a:visited {
	background: url(../images/main-nav-new2.png) no-repeat -231px 0;
	width:80px;
}
#body a:hover, #body {
	background-position: -231px -38px;
}
#body.current a:link, #body.current a:active, #body.current a:visited, #body.current a:hover {
	background-position: -231px -38px;
	cursor: default;
}


#ruby a:link, #ruby a:active, #ruby a:visited {
	background: url(../images/main-nav-new2.png) no-repeat -311px 0px;
	width:138px;
}
#ruby a:hover, #ruby {
	background-position: -311px -38px;
}
#ruby.current a:link, #ruby.current a:active, #ruby.current a:visited, #ruby.current a:hover {
	background-position: -311px -38px;
	cursor: default;
}


#denim a:link, #denim a:active, #denim a:visited {
	background: url(../images/main-nav-new2.png) no-repeat -449px 0px;
	width:91px;
}
#denim a:hover, #denim {
	background-position: -449px -38px;
}
#denim.current a:link, #denim.current a:active, #denim.current a:visited, #denim.current a:hover {
	background-position: -449px -38px;
	cursor: default;
}


#giftcards a:link, #giftcards a:active, #giftcards a:visited {
	background: url(../images/main-nav-new2.png) no-repeat -540px 0px;
	width:134px;
}
#giftcards a:hover, #giftcards {
	background-position: -540px -38px;
}
#giftcards.current a:link, #giftcards.current a:active, #giftcards.current a:visited, #giftcards.current a:hover {
	background-position: -540px -38px;
	cursor: default;
}
/**************************************************End Main Nav******************************************************/




/*************************************************Thumb Nail Stuff******************************************************/
.right-image {
	margin-left:100px !important;
}
.left-image {
	margin-right:100px !important;
}
.thumb {
	width:96px;
	height:96px;
	margin: 2px;
	float:left;
	position:relative;
	background-color:#FFF;
}
#thumbs-right #thumb1 {
	z-index: 500;
}
#thumbs-right #thumb2 {
	z-index: 300;
}
#thumbs-right #thumb3 {
	z-index: 400;
}
#thumbs-right #thumb4 {
	z-index: 100;
}
#thumbs-right #thumb5 {
	z-index: 200;
}
#thumbs-left #thumb1 {
	z-index: 500;
}
#thumbs-left #thumb2 {
	z-index: 400;
}
#thumbs-left #thumb3 {
	z-index: 300;
}
#thumbs-left #thumb4 {
	z-index: 200;
}
#thumbs-left #thumb5 {
	z-index: 100;
}
#thumbs-left .thumb, #thumbs-right .thumb {
	background-color: white;
}
/**********************************************End Thumb Nail Stuff******************************************************/





/*************************************************Roll Over Stuff******************************************************/
.rollover {
	width:251px;
	height: 390px;
	/*background: url(../images/rollover-bg.gif) no-repeat #fff; */
	background-color: #fff;
	border: 1px solid #918f91;
	display:none;
	position: absolute;
	opacity: 0;
	top: 60px;
}
.rollover img {
	border:0;
}
.rollover-image {
	width:227px;
	height: 227px;
	position:relative;
	top:10px;
	left:12px;
}
.rollover-content {
	position:relative;
	top:20px;
	padding: 0 10px 10px 12px;
	text-align:left
}
.rollover-content h2 {
	margin: 0;
	font-size:15px;
	font-weight:bold;
	color:#303030;
}
.rollover-content h3 {
	margin: 0;
	font-size:11px;
	color:#303030;
}
.rollover-content p.price {
	margin: 0;
	color:#b21f3c;
	font-weight:bold;
}
.rollover-content p {
	margin: 0;
	color:#7c7c7c;
	font-size:10px;
}
.color-box {
	width:20px;
	height:20px;
	margin-right:2px;
	float:left;
}
.border {
	border:1px solid #000;
}
.rollover-content img.btn-store {
	float:right;
	margin-top:7px;
	background-image: url('../images/rollover-btn-store.gif');
	width: 77px;
	height: 25px;
}
div.rollover-clear {
	width: 100%;
	clear:both;
}
/**************************************************End Roll Over Stuff******************************************************/





/*************************************************Store Locator Page******************************************************/
div.store-locator {
	position:relative;
	top:125px;
	left:70px;
}
#store-locator-left {
	width: 350px;
	float:left;
}
#store-locator-right h1 {
	margin: 0 0 8px 0;
}
#store-locator-right p {
	margin:0 0 5px 0;
}
#store-locator-left h3 {
	margin: 0 0 5px 0;
	font-size:16px;
	color: #ffffff;
}
#store-locator-left select {
	margin-bottom: 20px;
}
#store-locator-right {
	margin-left:420px;
}
.storeDetails, .storeDetails p {
	color:#ffffff;
}
.storeDetails h5 {
	margin: 0 0 4px 0;
	font-size: 20px;
	color: #ffffff;
}
.storeDetails label {
	display:block;
}
/*************************************************End Store Locator Page******************************************************/






/*************************************************Newsletter Signup******************************************************/
div.leadsignup {
	position:relative;
	top: 185px;
	left: 658px;
	width:260px;
}
div.leadsignup input {
	margin-left:10px;
	width:150px;
	font-weight:bold;
	color:#000000;
}
div.leadsignup select {
	margin-left:10px;
	width:154px;
}
div.leadsignup label {
	width:55px;
	text-align:left;
	float:left;
	display:block;
	color:#ffffff;
}
div.leadsignup div.field {
	margin:0 0 5px 0;
}
div.leadsignup .required span {
	color:#970000;
}
div.leadsignup input.lead-submit {
	width:80px;
	float:left;
	margin-left:65px;
	margin-top:5px;
}
/*********************************************End Newsletter Signup******************************************************/

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
/*************************** Top Header Nav ***********************/
	#logo{
        position:absolute;
        background:url(../images/co_logo.png) no-repeat;
        text-indent:-9999em;
        top:15px;
    }
    #logo a{
        display:block;
        width:214px;
        height:41px;
    }	
#top-nav {
	color: #666666;
	font-size:12px;
	position:relative;
	left: 470px;
	top:5px;
	height:30px;
	width:500px;
	z-index:200;
}
html>body #top-nav {*left: 270px;} /* IE7 Menu Positioning Hack */

.nav, .nav ul {
	position:relative;
	margin:0;
	padding:0;
	list-style:none;
	font-size: 11px;
	z-index:200;
	color:#666666;
	width:500px;
}
.nav ul {width:140px;}
.nav li a:visited, .nav li a:active, .nav li a:link {
	text-decoration:none;
	color:#666666;
}
.nav li:visited, .nav li:active, .nav li:link {
	text-decoration:none;
	color:#666666;
}
.nav table {
	border-collapse:collapse;
}
.nav li {
	height:25px;
	line-height:25px;
	margin:0 3px;
	padding:0;
	color:#666666;
	float:left;
	text-align:left;
}
.nav li li {
	float:none;
}
/* a hack for IE5.x and IE6 */
.nav li a li {
	float:left;
}
.nav li a {
	display:block;
	height:25px;
	line-height:25px;
	text-decoration:none;
	white-space:nowrap;
	padding:0;
	margin:0 5px 0 0;
	color:#666666;
	width:auto;
	float:left;
	text-align:left;
}
.nav li li a {
	height:20px;
	line-height:20px;
	float:none;
	padding:0;
	margin:0;
}
.nav li:hover {
	position:relative;
	z-index:300;
	color:#b31e3b;
}
.nav a:hover {
	position:relative;
	z-index:300;
	text-decoration:none;
	color:#b31e3b;
}
.nav :hover ul {
	left:0px;
	top:10px;
	margin:10px 0 0 0;
	background-color:#ffffff;
}
/* another hack for IE5.5 and IE6 */
.nav a:hover ul {
	left:-10px;
}
.nav ul {
	position:absolute;
	left:-9999px;
	top:-9999px;
}
.nav li:hover {
	color:#b31e3b;
}
/* it could have been this simple if all browsers understood */
/* show next level */
.nav li:hover li:hover > ul {
	left:-15px;
	margin-left:100%;
	top:-1px;
}
/* keep further levels hidden */
.nav li:hover > ul ul {
	position:absolute;
	left:-9999px;
	top:-9999px;
}
/* show path followed */
.nav li:hover > a {
	text-decoration:none;
	color:#b31e3b;
}
/* but IE5.x and IE6 need this lot to style the flyouts*/
/* show next level */
.nav a:hover a:hover ul, #nav a:hover a:hover a:hover ul, #nav a:hover a:hover a:hover a:hover ul, #nav a:hover a:hover a:hover a:hover a:hover ul {
	left:100%;
	top:-1px;
}
/* keep further levels hidden */
.nav a:hover ul ul, #nav a:hover a:hover ul ul, #nav a:hover a:hover a:hover ul ul, #nav a:hover a:hover a:hover a:hover ul ul {
	position:absolute;
	left:-9999px;
	top:-9999px;
}
.nav ul li, .nav ul li a {
	height:19px;
	line-height:19px;
	margin:0;
	padding:0 5px;
	width:120px;
	font-size:10px;
}
.nav ul li.underline {
	border-bottom:1px solid #ffffff;
}
/******************************* /Top Header Nav ********************************************/
div.contact_left {
	float: left;
	width: 150px;
}
div.contact_left p.sub_heading {
	color:#000000;
	font-weight:bold;
}
div.contactform {
	margin-left:190px;
}
div.contactform p.sub_heading {
	color:#000000;
	font-weight:bold;
}
div.contactform input {
	width:220px;
}
div.contactform label {
	width:80px;
	text-align:left;
	display:block;
	float:left;
	font-size:12px;
	font-weight:bold;
	color:#505050;
	padding-top:2px;
}
div.contactform div.row {
	margin-bottom:2px;
}
div.contactform span.required {
	color: #9d0d2f;
}
div.contactform input.send {
	width:73px;
	height:27px;
	border:0;
	background:url(../images/btn_send.png) no-repeat;
	cursor:pointer;
	float:right;
}
.error {
	font-size:12px;
	color: #9d0d2f;
	font-weight:bold;
}
div.contactform a {
	text-decoration:none;
}
.link1 {
	border:thin dotted #FF0000;
	width:145px;
	height:14px;
	display:block;
	cursor:pointer;
}
div.comp_box {
	position: relative;
	left: 375px;
	top: 375px;
	width:400px;
}
div.comp_box p {
	margin:0;
	line-height:1.2em;
}
div.comp_box a.comp {
	text-decoration:none;
	color:#ffffff;
}
div.comp_box a.comp:hover {
	text-decoration:underline;
}
div.comp_box .pink_label {
	font-weight:bold;
	color:#f3008d;
}
div.jess_links {
	width:160px;
	position:relative;
	top: 310px;
	left: 779px;
}
div.jess_links p {
	margin:0;
}
div.jess_links a {
	color:#000000;
	text-decoration:none;
	font-size:10px;
	font-weight:bold;
}
div.jess_links a:hover {
	text-decoration:underline;
}
#thumbs-right {
	margin:0;
	position:relative;
	top: 100px;
	right:34px;
	width:200px;
	float:right;
}
#thumbs-left {
	margin:0;
	position:relative;
	top:100px;
	left:34px;
	width:200px;
	float:left;
}
/******************************* Comp July 2009 Page ********************************************/

div.comp_links_wrapper {
	height: 104px;
	width: 450px;
	left: 460px;
	top: 355px;
	position: relative;
	font-size: 12px;
}
div.comp_links {
	height: 22px;
	padding: 4px 0px 0px 30px;
}
div.comp_links a {
	color:#000;
}
div.comp_links#twitter {
	background:url(../images/twitter.png) no-repeat 1px 1px;
}
div.comp_links#facebook {
	background:url(../images/facebook.png) no-repeat 1px 1px;
}
div.comp_links#myspace {
	background:url(../images/myspace.png) no-repeat 1px 1px;
}
div.comp_links#bebo {
	background:url(../images/bebo.png) no-repeat 1px 1px;
}
div.comp_terms {
	text-align:left;
	position:relative;
	top: 380px;
}
div.comp_terms a {
	color:#444;
	font-weight:bold;
	font-size:12px;
	text-decoration:none;
}
div.comp_terms a:hover {
	text-decoration:underline;
}
/*  Shopping Scroller 

	#shopping-scroller-wrapper
		ul#shopping-scroller-products
			li
				div.colours
				div.product-information
*/

#shopping-scroller-wrapper {
	width:100%;
	overflow:hidden;
	margin:0px 0;
	padding:40px 0 0 0;
}
#shopping-scroller-products {
	width:2000em;
	height:250px;
	position: relative;
	margin: 0 auto;
}
#shopping-scroller-products li {
	list-style-type:none;
	float:left;
}
#shopping-scroller-products li.product {
	width: 260px;
}
div.colours {
	overflow:hidden;
	min-height: 28px;
}
div.colours ul {
	overflow:hidden;
	padding:0;
}
div.colours a {
	display:block;
	width:28px;
	height:28px;
	text-align:center;
	margin: 0 4px 0 4px;
}
div.colours a img {
	border:1px solid #ccc;
}
div.colours ul li {
	list-style-type:none;
	padding:0;
	margin:0;
	float:left;
}
#shopping-scroller-products li a {
	width:220px;
	height:230px;
	display:block;
}
#shopping-scroller-products li ul a {
	width:auto;
	height:auto;
}
/* Production Information */
.product-information {
	clear:both;
	margin:0;
}
.product-information h3, .product-information p {
	margin:0;
	color:#000;
	font-size:12px;
}
.product-information h3 {
	font-size:13px;
}
.product-information p.price {
	color:#9e0c2f;
	font-weight:bold;
}
/* Extend Product information for main scroller */
#shopping-scroller-products .product-information, #shopping-scroller-products .colours ul {
	padding-left:40px;
	margin:6px 0;
}
.shopping #nav {
	top:23px;
}
.shopping #container, .shopping #content {
	width:100%;
	overflow-x:hidden;
	overflow-y: hidden;
}
.shopping #content {
	position:relative;
}
.shopping #header {
	margin:0 auto;
}
#shopping-nav-wrap {
	text-align:left;
	background:rgba(0, 0, 0, 0.4);
}
#shopping-nav-content {
	width:960px;
	margin:0 auto;
	position:relative;
}
#shopping-nav {
	position:relative;
	width:960px;
	margin:0 auto;
	height:60px;
}
#shopping-nav ul {
	margin:10px 0 0 0;
	width:139px;
	float:left;
	font-size:11px;
	color:#fff;
	padding:0;
	position:relative;
	left:473px;
}
#shopping-nav ul li {
	list-style-type:none;
	margin:0;
	padding:0;
	text-align:left;
	text-transform:uppercase;
}
#shopping-nav li a {
	color:#fff;
	text-decoration:none;
	padding-left:10px;
	display:block;
}
#shopping-nav li a.current {
	font-weight: bold;
}
#shopping-nav li a:hover {
	background:url(../images/shopping-scroller/nav-arrow.png) no-repeat left center;
}
#content #content-inner {
	padding:0;
}
a.nav-open {
	display:block;
	width:120px;
	height:20px;
	position:absolute;
	top:-26px;
	left:190px;
	font-size:10px;
	text-align:center;
	padding:3px 20px 3px 3px;
	color:#adadad;
	text-transform:uppercase;
	text-decoration:none;
	line-height:20px;
	background:#000 url(../images/shopping-scroller/close-arrow.png) no-repeat right center;
	z-index:999;
}
.shopping a.nav-open {
	display:none;
	top: 34px;
	bottom:0px;
	left:36px;
}
a.nav-open.pos {
	top:-59px;
	background:#000 url(../images/shopping-scroller/open-arrow.png) no-repeat right center;
}
.shopping a.nav-open.pos {
	top:0px;
}
a:hover.nav-open {
	color:#fff;
}
/* Single Product 
	#single-product
		div#product-image
		div#product-details
			div.product-information
			div.colours
		#pagination
*/

#single-product {
	height:455px;
	left:34px;
	overflow:hidden;
	position:relative;
	top:40px;
}
#product-image {
	text-align:center;
	float:left;
	margin-right:30px;
}
#product-details {
	background-color:#fff;
	padding:24px;
	float:left;
	width:250px;
	position:relative;
}
#product-details .price {
	margin-bottom:12px;
}
/* Pagination */
.pagination {
	position:absolute;
	bottom:-50px;
	left:40px;
}
.pagination ul {
	padding:0;
	margin:12px 0;
	overflow:hidden;
}
.pagination ul li {
	list-style-type:none;
	float:left;
	margin:0;
	padding:0;
	color:#444;
	font-size:11px;
	text-transform:uppercase;
}
.pagination ul li a {
	padding:5px 6px;
}
.pagination ul li a {
	color:#444;
	text-decoration:none;
	display:inline-block;
}
.pagination ul li.prev a.prev-none, .pagination ul li.next a.next-none {
	cursor: default;
}
.pagination ul li.prev a {
	background:url(../images/shopping-scroller/page-prev.png) no-repeat left center;
	padding-left:30px;
}
.pagination ul li.next a {
	background:url(../images/shopping-scroller/page-next.png) no-repeat right center;
	padding-right:30px;
}
p.view-larger a {
	clear:both;
	background:#B0B0B0 url(../images/shopping-scroller/view-larger-bg.png) no-repeat right center;
	width:100px;
	padding:2px 6px;
	text-transform:uppercase;
	font-size:12px;
	display:block;
	color:#fff;
	text-decoration:none;
	font-weight:bold;
	line-height:20px;
}
/* Product view */
/*.shopping.product-view #container, 
.shopping.product-view #content{ width:960px; }*/

/* homepage with menu */

.home #shopping-nav-wrap, .product-view #shopping-nav-wrap {
	position:absolute;
	left:0;
	width:100%;
}
.home a.nav-open, .product-view a.nav-open {
	left:0;
	margin-left: 35px;
}
.home a.nav-open.pos, .product-view a.nav-open.pos {
	top:-60px;
}
.home #content, .product-view #content {
	position:relative;
	top:60px;
	height: 521px;
}
.home #thumbs-left, .home #thumbs-right {
	top:40px;
}
/* kids submenu */
#shopping-nav li.kids_menu a {
	padding:1px;
	padding-left: 2px;
}
#shopping-nav li.kids_menu a.current {
	background-image:none;
	background:rgb(0,0,0);
	background:rgba(0, 0, 0, 0.5);
}
#shopping-nav li.kids_menu a:hover, #shopping-nav li.kids_menu a:hover.current {
	background-image:none;
	background:rgb(0,0,0);
	background:rgba(0, 0, 0, 1);
}
p.view-catalogue a {
	clear:both;
	background:#fff url(../images/catalogue_btn_red.gif) no-repeat right center;
	width: 197px;
	height: 45px;
	display:block;
	color:#fff;
	text-decoration:none;
}
.body p.view-catalogue a {
	background:#fff url(../images/catalogue_btn_pink_body.gif) no-repeat right center;
}
.rubi-shoes p.view-catalogue a {
	background:#fff url(../images/catalogue_btn_green_rubi.gif) no-repeat right center;
}
/* for lightbox product view */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img {
	border: none;
}
#lightbox-container-image-box-top {
	width: 100%;
}
#lightbox-container-image-box-top-left {
	width: 10%;
	height: 1px;
	position: relative;
	margin: 0 auto;
	float: left;
	z-index: 10;
	display: none;
	text-align: left;
}
#lightbox-container-image-box-top-middle {
	width: 80%;
	padding-top: 5px;
	height: 5px;
	position: relative;
	margin: 0 auto 0 0px;
	float: left;
	z-index: 5;
	display: inline;
}
#lightbox-container-image-box-top-middle div.progress {
	width: 80%;
	padding-top: 5px;
	height: 5px;
	position: relative;
	margin: 0 auto 0 0px;
	float: left;
	background-color: #e4e4e4;
	z-index: 5;
	display: inline;
}
#lightbox-container-image-box-top-right {
	width: 10%;
	height: 1px;
	position: relative;
	margin: 0 auto;
	float: right;
	text-align: right;
	z-index: 10;
	display: inline;
	cursor: pointer;
}
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image {
	height: 100%;
	padding: 10px;
}
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 32px;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav {
	left: 0;
}
#lightbox-nav a {
	outline: none;
}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev {
	left: 0;
	float: left;
}
#lightbox-nav-btnNext {
	right: 0;
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
	text-align: left;
}
#lightbox-container-image-data #lightbox-image-details {
	width: 70%;
	float: left;
	text-align: left;
}
#lightbox-image-details-caption {
	font-weight: bold;
	display: block;
	height: 25px;
	line-height: 25px;
	vertical-align: middle;
}
#lightbox-image-details-currentNumber {
	display: block;
	clear: left;
	padding-bottom: 1.0em;
	display: inline;
	height: 16px;
	line-height: 16px;
	vertical-align: middle;
}
#lightbox-image-details-previous-image, #lightbox-image-details-previous-text, #lightbox-image-details-next-image, #lightbox-image-details-next-text {
	display: inline;
	height: 25px;
	line-height: 25px;
	vertical-align: middle;
	cursor: pointer;
}
#buttonswf {
	color: #666666;
	font-size:12px;
	position:absolute;
	left: 640px;
	top:320px;
	height:114px;
	width:296px;
	z-index:100
}