/* CSS Document */
html, body { 
height:100%;
width:100%;
}

.clear { clear:both; margin:0; padding:0; height:0; overflow:hidden;}


body {
font:100% MS Sans Serif, Arial;
background-image: url(../images/main.gif); 
background-position: top;
background-repeat: repeat-x;
background-color: #333333;
margin: 0;
	
}
.white {font-weight:bold; color:#fff;}
.indent {float:left; margin-left:10px;}

.right_div h1 { color:#fff; font-size:100%; font-weight:strong; margin:0 0 0 0px;}
.right_div h2 { color:#ccc; font-size:90%; font-weight:strong; margin:10px 0 0px 0px;}
#main-left-column { float:left; margin-left:10px; width:610px; margin-top:0;}
#main-left-column p { color:#fff; font-size:70%; width:610px;}

#main-left-column #bigimage {float:left; width:315px; margin-left:0px; margin-top:5px;   padding-bottom:5px;}

#main-left-column p a { color:#fff; text-decoration:none;}
#main-left-column p a:hover { color:#ff57dd; text-decoration:none;}

#main-left-column ul { color:#fff; font-size:70%; width:550px;}
#main-left-column li { margin-bottom:5px; line-height:14px;}
#main-left-column li a {color:#fff; text-decoration:none; }
#main-left-column li a:hover { color:#ff57dd; text-decoration:none; }

#main-left-column #bigdetail .error { border: 1px solid #999; margin-top:5px; margin-bottom:5px;padding:10px; float:left; width:200px;}

#main-left-column #bigdetail .error p { width:180px; margin-bottom:5px;}
#main-left-column #bigdetail .error ul { margin:0; }

#main-left-column #bigdetail .success { border: 1px solid #999; margin-top:5px; margin-bottom:5px;padding:10px; float:left; width:72%;}
#main-left-column #bigdetail .success p { width:95%; margin-bottom:5px;}

#main-left-column #bigdetail .success ul { width:150px; margin-top:0px; margin-bottom:0px;}

/* original coding of the background image */

.leftmotiff { position:absolute; width:100%; height:100%; z-index: 1; background-image: url(../images/leftbg1.gif); background-repeat:no-repeat; background-position: top left; left:0;}

.leftmotiff1 { position:absolute; width:100%; height:100%;  z-index: 1; background-image: url(../images/leftbg1.gif); background-repeat:no-repeat; background-position: top left; left:0;}

.rightmotiff {
	position:absolute;
	width:100%; height:65%;
	z-index: 2;
	background-image: url(/assets/images/rightbg.gif);
	background-repeat:no-repeat;
	background-position: bottom right;
	bottom:0;
	
}

.content_wrapper { position:absolute; z-index:3; width:910px; height:400px; margin-left:70px; margin-top:20px;}

/*

testing - doesn't work

.left_bg { background: url(../images/leftbg1.gif) no-repeat top left; z-index:1; width:418px; height:671px; float:left;}

.right_bg { background: url(../images/rightbg.gif) no-repeat bottom right; height:873px; height:485px; z-index:2;}

.content_wrapper { float:left; width:910px; height:400px; z-index:3; position:relative; margin-left:-300px; margin-top:20px;}

*/


/*.content_wrapper { position:absolute;  width:910px; height:400px; margin-left:70px; margin-top:20px; z-index:3;}

.leftmotiff { position:absolute; width:100%; height:100%; z-index: 1; background-image: url(../images/leftbg1.gif); background-repeat:no-repeat; background-position: top left; margin:-20px 0 0 0; left:0; .margin:0;}

.leftmotiff1 { position:absolute; width:100%; height:100%;  z-index: 1; background-image: url(../images/leftbg1.gif); background-repeat:no-repeat; background-position: top left; margin:-20px 0 0 0; .margin:0;}

.rightmotiff { width:873px; height:485px; z-index: 2; background-image: url(../images/rightbg.gif); background-repeat:no-repeat; background-position: bottom right; float:right; margin:-380px 0 0 0; bottom:0; .margin:380px 0 0px 0; _margin:-380px 0 0 0;}

.content_wrapper { position:relative; z-index:3; width:910px; height:400px; margin-left:70px; margin-top:20px;}*/


.left_div { float:left;  width: 254px;}
.left_div .logo { float:right; margin-top:15px;}
.left_div .basket { float:left; color:#fff; font-size:75%; padding-left:20px; width:228px;  margin-left:5px; padding-top:4px; padding-bottom:4px; margin-bottom:10px; margin-left:5px;}
*html .left_div .basket {  width:228px; margin-left:2px;}
.left_div .basket a { color:#fff; padding-left:2px;}
.left_div .basket a:hover { color:#ff57dd; }

.right_div { float:right;  width: 630px;}
.right_div .nav { width:100%; margin-top:0px; }
.standard { color:#ccc; font-size:70%;}

.standard h2 { color:#ccc; font-size:100%; font-weight:600; margin:10px 0 0 10px;}
.standard p { margin:10px 0 0 10px;}
.standard a { color:#ccc; text-decoration:none;}
.standard a:hover { color:#ff57dd; text-decoration:none;}

.flash { float:left; margin:0px 0px 10px 10px;}

.bodylink { color:#ccc; }
.bodylink a:hover { color:#ff57dd;}

.topnav { float:right; color:#999; font-size:70%; margin-bottom:5px; margin-top:0; margin-right:15px;}
*html .topnav { margin-right:5px; margin-bottom:0px; clear:both; }
.topnav ul {margin:0; padding:0;}
.topnav li { display:inline;  margin:0; padding-left:12px;}
.topnav li a { color:#a8a8a7;  text-decoration:none;}
.topnav li a:hover { color:#ff57dd;}

.mainnav { float:left; color:#999; font-size:70%;  text-align:left; width:630px;  }
.mainnav ul {margin:0; padding:0; text-align:left; }
.mainnav li { float:left; display:inline; padding-bottom:10px; text-align:left; margin:0; padding-left:12px; padding-right:16px;}
*html .mainnav li { padding-left:11px; padding-right:10px; }
*html .mainnav ul {margin-left:10px; }
.mainnav li a { color:#fff; font-weight:600;  text-align:left; text-decoration:none; }
.mainnav li a:hover { color:#ff57dd; border-bottom: 1px solid #f306da; }




.selected {
color: #b0957c;


}

#sidelinks{
	float:left;
	width:258px;
	/*width: 128px;*/
	color:#fff;
	font-size:70%;
margin-top:0;
	text-align:right;

	}
	
	#sidelinks ul{
	padding:0;
	margin:0 5px 0 0;
	float:right;
	_margin:0 5px 0 0;
	}
	
	#sidelinks li {
	display:list;
	list-style:none;

	/*border-bottom:1px dotted #6e6969;*/

	}

	#sidelinks li a{
	
	text-align:right;
	display:block;
	width:160px;
	color:#fff;
	line-height:20px;
	text-decoration:none;
	text-indent:5px;
	border-bottom:1px solid #6c6b6b;


	}
	
	#sidelinks li a:hover{
	color:#ff57dd;
	

	}
	
.prod_div {
float:left;
width:137px;
text-align:center;
/*background:#323232;*/
margin-right:15px;
}

a.prod_titles {
color:#fff;
text-decoration:none;
}

a.prod_titles:hover {
color:#ff57dd;
text-decoration:none;
}

.prod_div h3{ color: #fff; font-weight:strong; font-size:75%; margin:5px 0px 5px 5px; }

.logindiv h3{ color: #fff; font-weight:bold;  text-decoration:none; font-size:70%; padding: 0; margin:0px 0px 10px 5px;}
.text1 {
color: #ccc;
font-size:68%;
margin:0;
}

.text1 a {
color: #ccc;
text-decoration:none;
line-height:14px;
}

.text1 a:hover{
color: #fff;
}

.margin_right { margin-right:15px; }

a.bodylink { color: #ccc; font-weight:bold; text-decoration:none;}

a.bodylink:hover { color: #ff57dd;}


.basket a { color:#fff; text-decoration:none; }
.basket a:hover{ color:#f306da; }
.sidefeature label {color:#fff; font-size:70%; float:left; width:50px;padding-top:6px; font-weight:600; }
.sidefeature { background:#504b4a; margin-top:10px; width:235px; padding:10px;}
.sidefeature form { margin:0;}
.sidefeature input { float:left;background-color: #3e3b3b; border: 1px solid #393535; font-size:65%;  color:#FFF; height:15px;  margin-bottom:2px; margin-top:4px;}
.sidefeature .button { background: #504b4a; border: 0px solid #504b4a; font-size:60%; color:#FFF; 
 padding-top:2px; padding-bottom:2px; text-align:center; height:15px; font-weight:600; float:left; height:19px; }
.sidefeature h1 { color: #FFFFFF; font-size:80%; font-weight:600;margin-top:0; margin-bottom:5px;}
.sidefeature p{ color: #ccc; font-size:70%; font-weight:500;margin:0;}


.logostrip { float:left;  width: 900px; padding-left:0px; margin:0 0 0 0px; }
.logostrip img {float:left; border: 1px solid #414141; margin-left:2px}

.footer { margin-top:20px; float:left; width:890px; margin-left:auto; padding:5px; background: #222020; color: #999999; font-size:70%; margin-bottom:0; }
.footer ul {margin:0; padding:0; list-style:none;}
.footer li a { color: #999999; text-decoration:none; margin-left:2px;}
.footer li a:hover { color: #fff; }

/*---breadcrumb----*/
#breadcrumb-container{
/*
	width:730px;
	height:auto;
	float:left;
	position:relative;
	padding:0 0 10px 0;
	margin:0 0 20px 0;
	background:url(/assets/images/dots-horizontal.gif) bottom left repeat-x;
*/
border-bottom:1px solid #666; margin-bottom:5px; width:100%; padding-bottom:5px;
}

#breadcrumb-container ul { margin:10px 0 0  0;
padding:0 0 0 0px;}

#breadcrumb-container li{
	display:inline;
	list-style:none;
	font-size:70%;
	margin:0;
	padding:0;
}
#breadcrumb-container li a, #breadcrumb-container li a:visited{
	color:#999999;
	text-decoration:none;
	background:url(/assets/images/top-links-spacer.gif) right no-repeat;
	padding:0 10px 0 0;
	margin:0;
}
#breadcrumb-container li a:hover{
	color:#000;
	text-decoration:underline;
}

/*-paging----*/
#paging{
	width:560px;
	height:30px;
	float:left;
	position:relative;
	margin:10px;
}
#paging .paging-left{
	float:left;
	position:relative;
	margin:0;
	padding:0;
}
#paging .paging-left li{
	color:#999;
	margin:0;
	font-size:70%;
	list-style:none;
	display:block;
	float:left;
	position:relative;
}
#paging .paging-next{
	width:auto;
	overflow:visible;
	float:right;
	position:relative;
	font-size:70%;
	text-align:right;
	top:0;
}
#paging .paging-next a, #paging .paging-next a:visited{
	color:#999999;
	text-decoration:none;
	margin:0;
	padding:0;
}
#paging .paging-next a:hover{
	color:#ff57dd;
	text-decoration:underline;
}
#paging .paging-left li a,#paging .paging-left li a:visited{
	color:#999999;
	text-decoration:none;
	background-color:0;	
	display:block;
	padding:1px;
}
#paging .paging-current, #paging .paging-current a:visited{
	background-color:#000;
	border:#000 1px solid;
	color:#ff57dd;
}
#paging .paging-left li a:hover{
	text-decoration:underline;	
	display:block;
	margin:0;
	color:#ff57dd;
}

#main-left-column #bigdetail {
	float:left;
	width:280px;
	margin-right:10px;
	
	margin-top:5px;
}
/* #bigdetail h1 {
	color: #fff;
	font-size:80%;
	font-weight:600;
	margin-left:0;
}*/

#main-left-column #bigdetail p {font-size:75%; color:#fff; width:270px; margin-top:0; }


#main-left-column #bigdetail input {
	float:left;
	margin-left:0px;
	background: #8e8c8b;
	border: 1px solid #8e8c8b;
	color:#fff;
	font-size:100%;
	text-indent:4px;
}
#main-left-column #bigdetail select {
	margin-left:0px;
	background: #8e8c8b;
	border: 1px solid #8e8c8b;
	color:#fff;
	font-size:100%;
	text-indent:0px;
}
.small_left {
	float:left;
	color: #ccc;
	font-size:70%;
	font-weight:bold;
	margin-bottom:2px;
	width:70px;
	padding:0;
}
.small_right {
	float:left;
	width:200px;
	color: #ccc;
	font-size:70%;
	margin-bottom:2px;
}
.small_desc {
	float:left;
	width:250px;
	color: #ccc;
	font-size:70%;
	margin-bottom:10px;
}
.rrp {
	float:left;
	margin-top: 5px;
	margin-bottom:7px;
	color: #fff;
	font-size:70%;
}
.price {
	float:left;
	margin-top: 5px;
	margin-bottom:7px;
	color: #fff;
	font-size:70%;
	font-weight:600;
}

.saleprice {
	float:left;
	margin-top: 5px;
	margin-bottom:7px;
	color: #fff;
	clear:both;
	font-size:80%;
	font-weight:600;
	width:200px;
	padding:4px;
	background-color:#d81857;
}

.salepricesmall {
	float:left;
	margin-top: 5px;
	margin-bottom:7px;
	color: #fff;
	clear:both;
	font-size:80%;
	font-weight:600;
	width:135px;
	padding:4px;
	background-color:#d81857;
}

.sizeguide {
	font-size:70%;
	margin-top:4px;
	float:left;
	margin-bottom:5px;
}
.sizeguide  a {
	color: #fff;
	background-image: url(/assets/images/size.gif);
	background-position:left;
	background-repeat:no-repeat;
	padding-top:0px;
	padding-left:35px;
	text-decoration:none;
}
.sizeguide  a:hover {
	color: #b3b18f;
}
.emailfriend {
	font-size:70%;
	margin-top:4px;
	float:left;
}
.emailfriend a {
	color: #fff;
	background-image: url(/assets/images/email.gif);
	background-position:left;
	background-repeat:no-repeat; padding-top:5px; padding-left:35px; text-decoration:none;}
.emailfriend a:hover {
	color: #b3b18f;
}
.moreimg {

	
	color:#ccc;
	font-size:70%;
	font-weight:bold;
}
/*.zoombutton {
	float:right;
	width:74px;
	margin-right:10px;
}*/
.thumb {
	float:left;
	width:100px;
	margin-right:7px;
	border: 1px solid #c9c7a6;
}

/* NOT SURE IF THESE ARE NEEDED */

.alsowrap { float:left; width:100%; margin-top:10px; margin-bottom:20px;}

.txtlink { color: #959370; font-size:70%; margin-top:4px; float:left; }
.txtlink a{ color: #959370; text-decoration:underline; }
.txtlink a:hover{ color: #b3b18f; }

.emailfriend {  font-size:70%; margin-top:4px; float:left; }
.emailfriend a{ color: #fff; background-image: url(/assets/images/email.gif); background-position:left; background-repeat:no-repeat; padding-top:5px; padding-left:35px; text-decoration:none;}
.emailfriend a:hover{ color: #b3b18f; }

.sizeguide { font-size:70%; margin-top:4px; float:left;margin-bottom:5px; }
.sizeguide  a{ color: #fff; background-image: url(/assets/images/size.gif); background-position:left; background-repeat:no-repeat; padding-top:0px; padding-left:35px; text-decoration:none;}
.sizeguide  a:hover{ color: #b3b18f; }

/*.moreimg { float:left; width:100px; margin-top:10px; color:#959370; font-size:70%; font-weight:bold;}*/

.zoombutton { float:right; width:74px; margin-top:5px; margin-right:5px;}

.button_over { float:right; font-size:75%; margin-top:10px;}
.button_over a { background: #504b4a; display:block; padding:4px 10px 5px 10px;  text-align:center; color: #fff; text-decoration:none; }
.button_over a:hover { background: #d7d7d7;   color: #222;  }

.steps { float:left; clear:both; }
.steps img{ float:left; }


.stocktxt { color: #9b917f; padding-top:4px;}

.complete {float:center; margin-right:auto; margin-left:auto; text-align: center; width:300px;}

#big_wrapper { width:100%; padding-top:100px; text-align:center;}
.insidestrip { float:center; background:#4f5729; padding-top:15px; padding-bottom:15px; width:100%;}
.holderwrap {  width:600px; float:center; margin-left:auto; margin-right:auto;}
.holding_inner { float:center; margin-left:auto; margin-right:auto;background:#4f5729; padding-top:25px; padding-bottom:15px; width:500px;}

.logoimage { float:left; margin-top:70px; text-align:left; width:228px; height: 62px;}
/*.holderwrap .content h1 { color:#eaead9; font-weight:600; font-size:80%; text-align:left;  margin-bottom:5px;}*/
.holderwrap .content { float:right;  }
.holderwrap .content p { color:#eaead9; font-size:70%; line-height:16px; margin-top:0px; margin-bottom:10px; text-align:left; font-weight:normal; width:330px;}

.MagicZoomPup { border: 1px solid #414141;
background: #a5a5a5;}

a img { border:none;}

.brand1 {float:right; margin-left:10px; clear:both;}
.clear1{clear:both; height:5px;}
.test1{ clear:both;}

.right_div #main-left-column .sort { float:left; margin:0 0px 10px 0; width:300px; padding:0;}
*html .right_div #main-left-column .sort {margin:0 0px 0px 0; }

.right_div #main-left-column .sort label { float:left; margin:0 5px 0 0; color:#fff; font-size:75%; font-weight:bold; margin-top:4px;}

.right_div #main-left-column .sort select { background: #323232; border: 1px solid #fff; color:#fff; font-size:75%; text-indent:4px;}

.product-category-header { border-bottom: 1px solid #666; width:100%; padding-bottom:5px; margin-bottom:5px;}

.right_div #main-left-column .pages { 
float:right;
font-size:72%;
color:#fff;
margin: 5px 0px 0px 0px;
padding:0;
height:28px;
padding-top:3px;
padding-bottom:3px;
}

.right_div #main-left-column .pages a {
text-decoration: none;
width: 100%;
text-align: center;
color:#fff;
min-width: 75px;
padding-left: 5px;
padding-right: 5px;
border: 1px solid #6c6b6b;
padding-top:1px;
padding-bottom:1px;
margin-left: 3px;
font-weight: normal;}

.right_div #main-left-column .pages a:hover {color: #fff; background-color: #ff57dd;}

.pagesbot { margin: 0;
padding-top: 10px;
padding-right: 0pt;
padding-bottom: 0pt;

padding-left: 0pt;}

.subscrol { float:left; text-align:center; width:580px; margin-left:10px; margin-bottom:5px; height:33px;}
*html .subscrol { margin-bottom:0px; margin-left:0px;}
.subscrol h2 { float:left; }
.subscrol .left { float:left; margin-right:5px; margin-left:60px;}
.subscrol .right { float:left; margin-left:1px;}
a.backlink { color:#fff; font-size:75%; text-decoration:none; padding-left:15px; font-weight:bold;  background-image: url(/assets/images/arrow.gif); background-position:left; background-repeat:no-repeat;}
a.backlink:hover { color:#ff57dd; font-size:75%;text-decoration:none;  background-image: url(/assets/images/arrow-pink.gif); background-position:left; background-repeat:no-repeat;  }

.floaterleft img {float:right; width:215px; margin-left:10px; margin-bottom:10px;}

.rightimage { float:left; margin-left:10px; width:270px; }
.floaterleft p {float:left; width:300px;}