/* CSS Document */


body { font:100% Arial, Tahoma; 
margin: 0px;
/*height:100%;*/
padding:0;
}
.wrapper { float:center; margin-left:auto; margin-right:auto; width:957px;  }

.clear { clear:both; overflow:hidden; height:1px; }

.header { float:left; width: 935px; width:100%; margin-top:5px;}

.header .flash { float:left; width:100%; height:262px;  margin-top:0px; margin-bottom:20px;}
.header .flash-thin { float:left; width:100%; height:162px;  margin-top:0px; margin-bottom:20px;  z-index:0;}


.sidenav { float:left; width: 150px;  font-size:70%; padding: 0px 0px 0px 0px; margin-right:20px; text-align:left; margin-top:15px; }
/*.sidenav ul{ padding:0; margin:0; width:90%; }
.sidenav li { display:list; list-style:none; border-bottom:1px solid #dedad4; }
.sidenav li a { display:block; width:100%; color:#6e6864; font-weight:500; line-height:19px; text-decoration:none; text-indent:5px; 
padding-left:15px; background-image: url(/assets/images/arrow.gif); background-position: left top; background-repeat:no-repeat; width:90%;}
.sidenav .line { border-top: 1px solid #dedad4; }
.sidenav li a:hover{ color:#d03b62;  background-image: url(/assets/images/arrow2.gif); background-position: left top;
background-repeat:no-repeat; width:90%;}
*/



.content { float:left; width: 786px; _width:780px;   }

.content#gallery {  float:right; _margin-top:-220px; }

.content .right { float:right; width: 300px; margin-top:10px;  }

.content .right .feature img { float:left; margin-bottom:2px; }

.content .right .banner { float:left; margin-bottom:2px; }
.content .left { float:left; width: 450px;  }
.content .left-long { float:left; width: 700px; }

.content .left-long .prod-small { float:left; margin-right:18px; width:157px;}

.content .left .prod-small {float:left; width:155px; margin-right:10px; }

/*detail page */
.content .left.retailer { float:left; width:380px;  margin:0; padding:0; _width:350px; }

.content .left.retailer p.info { margin:10px 20px 0 10px; padding:0; width:310px;}

.content .right.retailer { float:left; width:380px; margin:0 0 0 10px; padding:0; _width:350px;}

.content .right.retailer h3 { font-size:78%; padding:0 0 0 10px; color:#fff;}

.content .right.retailer p.descrip { width:600px; padding:0 0 0 10px;}

.content .right.retailer form.enquire { margin:10px 0 0 0; font-size:78%; background-color:#e0dad2; padding:10px 10px 20px 10px; width:600px;}

.content .right.retailer form.enquire label.head { font-weight:bold; float:none; margin:0;}

.content .right.retailer form.enquire label { width:120px; float:left; margin:5px 0 5px 0;}

.content .right.retailer form.enquire input.fminput { font-size:75%; width:400px; margin:5px 0 5px 0; border:1px solid #fdb0dd;}

.content .right.retailer form.enquire input.button { font-size:75%; width:402px; background-color:#c94263; color:#ffffff; text-align:center; 
border:1px solid #c94263; margin:5px 0 0 0; font-weight:bold; }




.content .right.retailer p.info { margin:8px 20px 0 10px; padding:0; width:310px;}

.retailer-box { background-color:#e0dad2; margin:5px; padding:5px; width:318px;}

.retailer-box.big { background-color:#e0dad2; margin:5px; padding:5px; width:630px;}

.retailer-box img { width:628px; height:432px; margin:10px 0 10px 0; }

.retailer-box h2 { margin-top:0; margin-bottom:5px; font-weight:500; font-size:80%;  color: #fff;}

.right.retailer form { margin-top:10px;}

/*
#footer {  width: 937px; color:#9e9476; float:left; font-size:70%; padding: 10px 10px 10px 10px; text-align:left; margin-left:auto; margin-right:auto; background:#e0dad2;
margin-bottom:20px; margin-top:20px; font-weight:500; }
#footer img { float:left;  width: 112px; height:80px; margin-right:5px; }
#footer li {display:inline; margin:0; font-weight:500;}
#footer ul { margin-left:0; margin-top:68px; float:left; font-weight:500;}
#footer li a { color:#818486; padding-left: 8px; padding-right:5px; text-decoration:none; margin-top:50px; font-weight:500;}
#footer li a:hover{color:#b1b6ba;}

*/



.footer ul {margin:0; float:right; width:280px;  padding:0; list-style:none; text-align:right;}

.footer .container{ float:left;  text-align:left;  margin-left:21px; width: 915px;}
*html .footer .container{   margin-left:10px;}
ul#mainnav {
	margin: 0;
	padding: 0;
}





ul#mainnav li ul {
	margin: 0;
	padding: 0;
}

ul#mainnav li ul li {
	background: none;
}





* html #mainnav li ul li ul {
	margin: 2px 0px 5px -5px;
}

* html #mainnav li ul li ul li {
	padding: 2px 0px 2px 20px;
}


.downloads { width:270px; margin:10px 0 0 0; background-color:#3f3136; border:1px solid #504046;}
.downloads h2 { color:#d7c5ca; font-size:100%; margin:0px 0 5px 0; border-bottom:#33252a; padding:12px 0 2px 8px;}
.downloads ul { font-size:86%; list-style:none; margin:5px 0 0 11px;  padding:0 0 10px 0;}
.downloads li { background:url(/assets/images/pdf.gif) no-repeat left center; clear:both; padding-left:20px; margin-bottom:5px;line-height:15px; }

.links { width:270px; margin:10px 0 0 0; background-color:#3f3136; border:1px solid #504046;}
.links h2 { color:#d7c5ca; font-size:100%; margin:0px 0 5px 0; border-bottom:#33252a; padding:12px 0 2px 8px;}

.links ul { font-size:75%; list-style:none; margin:0px 0 0 11px;  padding:0 0 10px 0;}


.logindiv {
float: left;


width: 650px;


}

.logindiv .left {float:left; width:320px; margin-top:0;}
.logindiv .right{float:left; width:300px; margin-top:0;}

.wraplink {float:left; width:112px; margin-top:10px;}

.logindiv .radio{ float:left; width:20px; margin:0; background:0; border: 0;}

.logindiv .checkbox{  float:left; background:0; margin-right:4px; border: 0;}


.checkdiv { float:left; width:20px;}



.rightlink { float:left;  width:120px; font-size:70%;margin-left:5px;  margin-top:7px;}



.titlewrap { float:left; width:302px; }

.sidenav .logo { float:left; width:400px; height:79px; margin-bottom:1px;}

/************************** NEW STYLES PASTED HERE ************************/

/* CSS Document 



.header .toplinks{  width: 938px; color:#dacace; font-size:80%;  float:left; text-align:right; padding-left:15px; padding-right:5px; background:#796268; padding-bottom:10px; padding-top:10px;}
.header .toplinks img { float:left;}
.header .toplinks p { color:#dacace; font-weight:600; text-align:left; width:550px; float:left; margin:46px 0 0 10px; padding-top:5px; padding-bottom:5px;}
.header .toplinks label { color:#dacace; }


.header .toplinks li a { color:#fff; padding:5px 4px 5px 5px; text-decoration:none;}
.header .toplinks li a:hover { color:#d3d3cc; }


.header .toplinks.test{  width: 938px; color:#dacace; font-size:80%;  float:left; text-align:right; padding-left:15px; padding-right:5px; background:#46313c; padding-bottom:10px; padding-top:10px;}
.header .toplinks.test img { float:left;}
.header .toplinks.test p { color:#dacace; font-weight:600; text-align:right; width:550px; float:right; margin:50px 0 0 10px; padding-top:5px; padding-bottom:5px;}

*/

.content blockquote { float:left; margin-left:0; margin-top:5px; margin-bottom:5px; background:#5f4a55; color:#d7c5ca; font-size:80%; width:95%; padding:10px; }
.content p { color:#6e6864; margin-top:0; font-size:75%; line-height:16px;}



.content .right h1 { float:left; margin-top:0; margin-left:10px; margin-bottom:5px; font-size:80%; font-weight:600; color: #f2e8f0; letter-spacing:-0.5px; width: 280px; padding:0;}
.content .right p { float:left; width: 280px; margin-top:0; margin-left:10px; margin-bottom:10px; font-size:75%; font-weight:500; color: #d7c5ca;  line-height:14px; padding:0;}

.content .left-long .prod-small p { color:#d7c5ca; line-height:15px;}
.content .left-long .prod-small p a { color:#d7c5ca;}
.content .left-long .prod-small p a:hover { color:#d4698a;}

.content .left-long form.no-prods { margin:0 0 20px 0;}
.content .left-long form.no-prods label { font-size:75%;
color:#d7c5ca;}
.content .left-long form.no-prods select {background-color: #fff;
border: 1px solid #fff;
color: #4a4846;
margin-left:0px;
font-size:75%;
margin-top:6px;}

.content .left p { color: #d7c5ca; margin-top:0; padding:0;}
.content .left-long p { color: #d7c5ca; margin-top:0; padding:0;}


.content .left-long p a, .content .left p a { color: #d7c5ca;}
.content .left-long p a:hover, .content .left p a:hover{ color: #d4698a;}
.pages { 
float: right;
font-size: 70%;
color: #d7c5ca;
margin: 5px 0 0 0;
padding:2px 2px 2px 2px;
font-weight: normal;
}

.pagesbot { 
margin:0 0 10px 0;
padding:10px 0 0 0;}

a.pageslink { 
text-decoration: none;
width: 100%;
text-align: center;
min-width: 75px;
padding-left: 5px;
padding-right: 5px;
border: 1px solid #d7c5ca;
margin-left: 3px;
color:#d7c5ca;
font-weight: normal;
}

a.pageslink:hover { 
color: #fff;
background-color: #5f4a55;
}

.breadcrumb {
 margin-bottom: 10px;
margin-top: 0px;
clear: both;
float: left;
width: 470px; 
color: #d7c5ca;
font-size: 70%;


}

*html .breadcrumb {  margin-bottom: 10px; }




ul#mainnav li {
	margin: 0;
	padding: 0;
	background: url(/assets/images/sidebar/link_seperator_purp.gif) no-repeat top left;
	list-style: none;
}



.botline { 
	background-image: url(/assets/images/sidebar/link_seperator_purp.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
	float:left;
	width: 150px;
	
margin: 4px 0px 0px 0px;
padding:0;
}

.downloads li a {color:#f2e8f0; text-decoration:none;}
.downloads li a:hover { color:#d4698a;}

.links li a {color:#f2e8f0; text-decoration:none;}
.links li a:hover { color:#d4698a;}

.links li { background:url(/assets/images/arrow.gif) no-repeat left bottom; clear:both; padding-left:20px; margin-bottom:5px;line-height:15px; }


a.backarrow { background-image: url(/assets/images/arrow-left.gif); background-position:left; background-repeat:no-repeat; padding-left: 15px; color:#f2e8f0; font-size:75%; text-decoration:none; }

a.backarrow:hover { color:#d4698a; }



.logindiv .addresstitle{ color: #555248; font-weight:bold; font-size:70%;}
.logindiv p { color: #CC6600; margin-top:0px; padding:0;margin-left:5px;  margin-bottom:5px;}
.logindiv .plain{ color: #555248; font-size:70%;}

.logindiv select {
background-color: #fff;
border: 1px solid #fff;
color: #4a4846;
margin-left:0px;
font-size:75%;
margin-top:6px;

}

.logindiv textarea {
background-color: #fff;
border: 1px solid #fff;
color: #4a4846;
margin-left:0px;
font-size:75%;
margin-top:6px;
width:220px;
font-family: Sans Serif, Arial, Helvetica, sans-serif;
}


.logindiv .checkbox {
float:left;
background: 0;
color: #4b4b41;
margin-left:0px;
font-size:75%;
margin-top:6px;
width:20px;

}

.logindiv a {
color: #6f6c5d; }

.logindiv a:hover {
color: #997d6e;
}

.logindiv label {
float: left;
font-size:70%;
color: #d7c5ca;
margin-top:6px;
margin-bottom:2px;
width:90px;
}

.logindiv input {
float:left;
font-size:75%;
text-indent:4px;
background-color: #fff;
border: 1px solid #fff;
color: #4a4846;
width:165px;
margin-top:4px;
margin-bottom:3px;
padding-bottom: 3px;
padding-top: 3px;
}









a.purplink {
float:left;
	font-size:70%;
	color: #d7c5ca;
	font-weight:normal;
	margin-top:12px;


width:220px;
}

a.purplink:hover {
	font-size:70%;
	color: #78a902;
	font-weight:normal;
	margin-top:12px;

}

a.purplink {
float:left;
	font-size:70%;
	color: #d7c5ca;
	font-weight:normal;
	margin-top:12px;
}

a.purplink:hover {
	font-size:70%;
	color: #78a902;
	font-weight:normal;
	margin-top:12px;

}

.mini_caption {
float:left;
margin-top: 4px;
font-size: 70%;
color: #d7c5ca;
width:150px;
}

.mini_caption a {
	float:left;
	color: #d7c5ca;
	margin-top:5px;
	margin-bottom:5px;
}

.mini_caption a:hover {
	color: #a77764;
}

.sort { float:left;margin-bottom:10px; }
.sort input{ font-size:75%; color:#666666;}
.sort select{ font-size:75%; color:#666666;}
.sort label{ font-size:70%; color:#d7c5ca; font-weight:500; }
.sort button{ font-size:75%; color:#666666; background:#ccc;}

/* *****************NEW NEW STYLES ENDS***********************/

/* documents table */


.document-layout table { border-collapse:collapse;
border:1px solid #8e7b85;
width:100%;}

.document-layout table tr.top { background:#5a4550;
font-weight:bold;
border-bottom:1px solid #8e7b85;}

.document-layout table tr.top p { padding:5px;
margin:0;}

.document-layout table tr.docs p { padding:5px;
margin:0;}

.document-layout table tr.docs p.documnet { background:url(../images/pdf.gif) no-repeat center left;
padding:0 0 0 20px;
margin:0 0 0 5px;}

#sitemap.left a { font-size:75%;
color: #d7c5ca;}

#sitemap.left { color: #d7c5ca;
margin:0;
padding:0;}

#sitemap.left ul { margin:0 0 0 20px;
padding:0;}

.forgotten-pass { margin:200px 0 0 0;
_margin:0;}

.forgotten-pass fieldset { border:none;
margin:20px 0 0 0;
padding:0;}

.forgotten-pass legend { font-weight: 500;
font-size: 80%;
color: #de88a2;
margin:0 0 10px 0;
padding:0;}

.forgotten-pass label { font-size:70%;
color:#D7C5CA;}

.forgotten-pass input {font-size: 75%;
background-color: #ffffff;
border: 1px solid #ffffff;
color: #4a4846;
width: 165px;
margin-right: 4px;
margin-bottom: 3px;
padding-bottom: 3px;
padding-top: 3px;}

.forgotten-pass .button{ font-size: 75%;
background-color: #b55773;
color: #ffffff;
text-align: center;
margin:5px 0 0 90px;
border: 1px solid #b55773;
font-weight: normal;
padding:2px 10px;}

/* error styling */

ul.errors { color:#fff;}

ul.errors a { color:#fff;
text-decoration:none;}

ul.errors a:hover { color: #d4698a;}


.multiBoxDesc {
	display:none !important;
}

