@charset "UTF-8";
/* CSS Document */

body, html{ margin:0; color:#2F383C; color:#666666; padding:0; background:url(../images/body_bg.jpg); height:100%; font-size:12px; font-family:Helvetica,Arial,  sans-serif; line-height:18px;}

a {color:#666666; text-decoration:none}
a:hover {text-decoration:underline}

p {margin:0; padding:5px 0 10px 0}

#bodybg{background:url(../images/body_top_bg.jpg) top repeat-x;height:100%}

#container{width:690px; margin:0 auto; background:url(../images/frame_content_bg.jpg)}

#header {background: top center no-repeat url(../images/header_bg.jpg); width:690px; height:425px;}
#clear {clear:both}

#logo {float:left; height:95px; width:340px; text-align:center}


#menu {float:left; height:205px;width:320px; line-height:30px; text-align:right; color:#FFFFFF; font-weight:bold; font-size:12px; clear:left; overflow:hidden }
#menu a{color:#FFFFFF; text-decoration:none; padding:0 20px 0 0px;}

input, form{padding-top:0; padding-bottom:0; margin-top:0; margin-bottom:0}




#headercontact {height:59px; overflow:hidden}
#headercontactdetails{height:59px;}

#headerphone { width:200px; float:left; font-size:16px; color:#FFFFFF; font-weight:bold; padding:0 0 0 35px; line-height:59px; height:59px;}


#search {float:left; width:340px; padding:0;  height:82px; text-align:right; clear:left; overflow:hidden}
#searchbox{padding-top:30px; text-align:left; padding-left:15px;}


.searchfield {background: url(../images/searchbar_bg.jpg) top; color:#FFFFFF; border:0; line-height:22px; padding:0; margin:0; padding:0 5px 0 5px; width:180px; height:22px;}
.searchbutton{padding:0; margin:0}





#mainimage{float:right; height:425px;width:350px; margin:0 auto;}

#headertext {background:url(../images/frame_content_bg.jpg); padding-bottom:15px}

#title{width:340px; margin:0 auto; height:43px; line-height:26px; color:#2F383C; font-size:20px;float:left; clear:left}
#titletext{ padding:0; margin:0; margin-left:30px; margin-top:17px; width:285px; padding-left:0px; height:26px;} 



#titlebackto { position:relative; float:right; font-size:11px; line-height:26px; text-align:right; padding-right:20px;}
#titlebackto a {text-decoration:none; color:#2F383C; }


#content{background:url(../images/frame_content_bg.jpg)}

#footer{background:no-repeat top url(../images/frame_footer_bg.jpg); height:19px}
#footertext{ width:690px; margin:0 auto; height:30px; text-align:center; color:#FFFFFF; font-size:11px;}
#footertext a {color:#FFFFFF}

#headertextcontainer{ margin:0 auto; width:625px; padding:0; padding-top:6px; line-height:20px; font-size:12px; color:#666666; text-align:justify; padding-bottom:10px; margin-bottom:10px; border-bottom:1px solid #AFB0B2}

#resultstext{font-size:12px; width:430px; float:left;color:#2F383C;}
#resultstext p {line-height:18px; margin:0; padding:5px 0 10px 0}

#mainimageframe {width:300px; height:390px; padding-top:30px; padding-left:10px;}



#keyfeaturesttile {width:168px; float:left; border-bottom:1px solid #c3c3c3; font-size:15px;color:#2F383C;padding-left:2px; padding-bottom:2px; margin-bottom:4px;}

#subtitle{width:615px; margin:0 auto; clear:both; height:21px; line-height:21px;  font-size:16px; padding-top:10px; padding-left:15px; padding-bottom:8px; background:url(../images/sub_title_bg.jpg) center no-repeat}
#subtitleright {float:right; position:relative;  width:100px; font-size:12px; line-height:21px; padding-right:15px; text-align:right}
#subtitlerightlarge{float:right; position:relative;  width:180px; font-size:15px; line-height:21px; padding-right:15px; text-align:right}

#productlisting{width:600px; margin:0 auto}
#productframe{ float:left; width:150px; text-align: center; height:145px; margin-top:10px; line-height:16px;}
#productframe a{text-decoration:none; color:#2F383C;}
#productframe a:hover{text-decoration:none;  color:#2F383C;}
#productframe img{border:1px #8B9397 solid; margin-bottom:5px;}

#productframe img a:hover{ text-decoration:none}


#collectionlist{width:500px; margin:0 auto; clear:both; height:200px;}




#collectiontitle { float:left; width:270px; border-top: solid #999999 1px; padding-bottom:5px; padding-top:7px;}

#collectionimage {float:right; width:200px; padding:0; margin:0; background:#000099}
#collectionimage img {width:200px;}
#collectiontext{ width:270px; float:left; clear:left; color:#666666}
#1collection {width:570px; margin:0 auto; padding:0; padding-top:10px; padding-bottom:10px; margin-bottom:25px;}
#1collectionimage{float:left; width:170px;}
#1collectionimage img{border:1px #8B9397 solid;}


#1collectiontitle{width:385px; float:right; text-align:left margin:0 auto; height:21px; line-height:21px; color:#2F383C; font-size:16px; padding-top:10px; padding-left:15px; padding-bottom:8px; background: url(../images/collections/collection_title_bg.jpg) center no-repeat}
#1collectionview {float:right; width:100px; font-size:12px; line-height:21px; padding-right:15px; text-align:right}
#1collectionview a, #collectiontitle a {text-decoration:none; color:#2F383C; }
#1collectiontext{float:right; width:400px; line-height:20px;}

#contenttext{width:644px; text-align:justify; margin:0 auto}


#malecollectionrange {width:600px; margin:0 auto; background:#1C1C1C; clear:both; padding:20px; margin-top:15px;}
#malecollectionrange a,#malecollectionrange a:hover  {color:#FFFFFF}



#resultskeyfeatures {float:right; width:200px; font-size:11px; line-height:18px; font-style:italic;  padding:0; margin:0}

#resultskeyfeatures p { padding:0; margin:0}


#resultskeyfeature ol, #resultskeyfeature li{padding-top:0; margin-top:0px;}