/*Reset CSS*/
body, a, div, p, img, h1, h2, ul, li { margin: 0; padding: 0; border: 0; }

body { background: #0B0B0B url(../images/back.jpg) repeat; color: #CECECE; font: 0.75em normal Tahoma, Arial, sans-serif; letter-spacing: normal;}

a { color: #FEA523;}
.highlight_text { color: #FEA523; font-weight: bold; }
.required { color: #FEA523; font-weight: bold; }

p { margin-bottom: 10px; }
ul { margin: 5px 0 0 20px; }
ul.alert { list-style-type: none; background: #FEA523; margin: 0 0 17px 0; padding: 10px; border: 2px solid #58390D; color: #58390D; font-weight: bold; }
ul.alert li { padding: 0; margin: 0; }
ul.alert li h3 { background: none; padding: 0; margin: 0 0 5px 0; text-transform: uppercase; }
ul.alert li a { color: #58390D; }

/*Forms*/
form { margin: 10px 0 0 0; }
form label { margin: 0 0 0 0; font-weight: bold; }
form input { margin: 3px 0 10px 0; }
form textarea { margin: 3px 0 10px 0; }
#center_content #main_content form input { width: 280px; }
#center_content #main_content form input.submit { width: auto; }

#container { width: 995px; margin: 0 auto; }
#header { float: left; width: 100%; height: 296px; border-bottom: 4px solid #FEA523; background: url(../images/header_top.gif) top left repeat-x; }
#header #header_left { float: left; width: 410px; }
#header #header_mid { float: left; width: 283px; }

/*Slogan on left*/
#header .left #slogan_container { float: left; width: 376px; }
#header .left h2.slogan { margin: 30px 0 0 123px; color: #000000; width: 253px; font-size: 1.8em; text-transform: uppercase; }
#header .left h2.slogan .indent { margin-left: 27px; }
#header .left #banner { position: relative; float: left; width: 291px; height: 295px; line-height: 295px; }

/*Slogan on right*/
#header .right #slogan_container { float: left; width: 253px; }
#header .right h2.slogan { margin: 140px 0 0 0; color: #000000; width: 253px; font-size: 1.8em; text-transform: uppercase; }
#header .right h2.slogan .indent { margin-left: 27px; }
#header .right #banner { z-index: 0; position: relative; float: left; clear: left; width: 261px; height: 178px; line-height: 178px; }

#header #banner img { position: absolute; bottom: 0; }
#header #menu { float:left; position: relative; width: 272px; height: 295px; line-height: 295px; }
#header #menu ul { float: left; position: absolute; bottom: 0; background: url(../images/menu_back.png) top left no-repeat; width: 229px; padding: 23px 0 8px 23px; }
#header #menu ul li { float:left; width: 229px; line-height: normal; list-style-type: none; margin: 0 0 12px 0; }
#header #menu ul li a { color: #fff; text-decoration: none; font-weight: bold; }
#header #menu ul li a span, #header #menu ul li a:hover span { color: #fff; }
#header #menu ul li a span.number { color: #686868; }
#header #menu ul li a:hover, #header #menu ul li a.active { color: #FEA523; }
#header #menu ul li a:hover span.number, #header #menu ul li a.active span.number { color: #fff; }

#logo {	float: left; z-index: 5; position: relative; }
#logo a { display: block; width: 116px;	height: 92px; padding: 20px 0 5px 20px;	margin: 0; border: 0;	}

#nav { width: 201px; margin-right: 13px; padding-left: 13px; float: left; padding-bottom: 18px; }
#nav h2 { background: url(../images/range_icon.jpg) center left no-repeat; color: #FEA523; padding: 4px 0 0 40px; font-weight: normal; text-transform: uppercase; margin-top: 16px; margin-bottom: 9px; width: 162px; }
#nav ul { list-style-type: none; margin-left: 15px; margin-bottom: 15px; }
#nav ul li { margin-bottom: 8px; }
#nav ul li a { color: #E0E0E0; text-decoration: none; font-weight: bold; font-size: 1.17em; }
#nav ul li a:hover, #nav ul li a.active { color: #FEA523; }
#nav ul li ul { margin: 5px 0 11px 13px; }
#nav ul li ul li a { color: #B27319; text-decoration: underline; }
#nav ul li ul li a:hover, #nav ul li ul li a.active { text-decoration: none; }
#nav h2.account { background: url(../images/account_icon.jpg) center left no-repeat; }
#nav h2.downloads { background: url(../images/download_icon.jpg) 0px 5px no-repeat; }
#nav h2.design { background: url(../images/range_icon.jpg) 0px 5px no-repeat; }

#nav form.login { margin-left: 12px; }
#nav form.login div label { float: left; width: 172px; margin: 0 0 5px 0; }
#nav form.login div input { float: left; margin: 0 0 5px 0; width: 160px; }
#nav form.login div input.submit { clear: left; width: auto; }
#nav form.login a { margin: 5px 0 0 0; float: left; clear: both; }

#content { float: left; width: 100%; background: url(../images/content_back.gif) repeat-y; padding: 0; margin-top: 12px; }

#sidebar { width: 265px; float: right; margin-top: -12px; margin-left: 0; }

#center_content { margin-left: 227px; padding-top: 8px; }
#center_content h1 { background: url(../images/home_icon.jpg) center left no-repeat; color: #CECECE; padding: 4px 0 6px 40px; margin-bottom: 6px; width: 440px; text-transform: uppercase; font-weight: normal; }
#center_content h1.range, #center_content h1.range_single { color: #fff; background: none; padding: 0 0 0 0; margin: 0 0 20px 0; font-size: 32px; width: 480px; }
#center_content h1.question, #center_content h1.download { float: left; background: none; padding: 0; width: 480px; }
#center_content h1.faq { background: url(../images/faq_icon.jpg) center left no-repeat; }
#center_content h1.downloads { background: url(../images/download_icon.jpg) center left no-repeat; }
#center_content h1.about { background: url(../images/about_icon.jpg) center left no-repeat; }
#center_content h1.terms { background: url(../images/terms_icon.jpg) center left no-repeat; }
#center_content h1.security { background: url(../images/security_icon.jpg) center left no-repeat; }
#center_content h1.contact { background: url(../images/contact_icon.jpg) center left no-repeat; }
#center_content h1.account { background: url(../images/account_main_icon.jpg) center left no-repeat; }
#center_content h1.news_title { background: url(../images/news_icon.jpg) center left no-repeat; }
#center_content h1.error { background: url(../images/error_icon.jpg) center left no-repeat; }

#center_content h1.subtitle { padding: 0; background: none; }

#center_content #main_content { padding-left: 11px; }
#center_content #main_content .highlight_image { float: left; width: 131px; margin-right: 20px; }
#center_content #main_content .text { margin-left: 151px; }

#center_content #main_content ul.downloads { list-style-type: none; float: left; width: 480px; margin: 0; }
#center_content #main_content ul.downloads li.download_item { float: left; width: 100%; margin-bottom: 5px; }
#center_content #main_content ul.downloads li.download_item a.icon { float: left; margin-right: 10px; }
#center_content #main_content ul.downloads li.download_item .detail { float: left; margin: 0; padding: 0; }
#center_content #main_content ul.downloads li.download_item .detail h3 { margin: 0 0 5px 0; padding: 0; font-size: 1em; }

#center_content #main_content ul.faq { list-style-type: none; float: left; width: 480px; margin: 0; }
#center_content #main_content ul.faq li h3 { font-size: 1em; margin-bottom: 8px; }

#center_content .subfooter { border-top: 1px solid #2E2E2E; padding-top: 18px; margin-top: 27px; clear: left; padding-left: 11px; }

#center_content .advert { float: left; width: 359px; border-left: 1px solid #2E2E2E; margin: 0; padding: 0 0 0 18px; }
#center_content .advert h2.downloads { width: 319px; padding-top: 7px; margin: 5px 0 6px 0; }

#center_content .news { float: left; width: 360px; margin: 0; padding: 0 18px 0 0; }
#center_content .news h3 { float: left; margin: 0; }
#center_content .news h3 a.latest_news { float: left; display: block; width: 191px; height: 33px; background: url(../images/latest_news.jpg) center left no-repeat; padding: 10px 0 10px 0; margin-bottom: 6px; text-indent: -999em; }
#center_content .news h3 a.rss { float: left; display: block; width: 16px; height: 33px; background: url(../images/rss.jpg) center left no-repeat; padding: 10px 0 10px; text-indent: -999em; }
#center_content .news h3 a.rss:hover { background: url(../images/rss_hover.jpg) center left no-repeat; }
#center_content .news ul { clear: left; }
#center_content .news ul li { list-style-type: none; margin-bottom: 5px; }
#center_content .news ul li a { color: #FEA523; text-decoration: none; font-weight: bold; }
#center_content .news ul li a.date { color: #696969; margin-right: 8px; text-decoration: none; font-weight: normal; }

table.spec { float: left; }
table.spec th { font-weight: bold; }
table.spec tr { margin: 0; padding: 0; border: 0; }
table.spec td { border: 0; border-collapse: collapse; }

table.spec tr.head td { background-color: #FEA523; color: #fff; font-weight: bold; border: 0;}
table.spec tr td { background-color: #fff; color: #000; border: 0; }

#pop_content { padding: 20px 20px 0 20px; }

ul.garment_display { float: left; width: 480px; margin: -5px 0 18px 0; padding: 0; }
ul.garment_display li { float: left; display: inline; margin: 0 15px 0 0; }
ul.garment_display li a { display: block; padding: 10px 0 10px 40px; background: url(../images/range_icon_black.jpg) left center no-repeat; }
ul.garment_display li a:hover { text-decoration: none; }

#center_content #main_content h3.sizes { float: left; width: 492px; font-size: 1em; margin: 0 0 0 0;  }
#center_content #main_content h3.sizes span { font-size: 1.2em; font-weight: normal; }

#center_content #main_content ul.colours { float: left; margin: 10px -7px 10px 0; width: 496px; }
#center_content #main_content ul.colours li { list-style-type: none; float: left; margin: 0 7px 5px 0; width: 55px; }
#center_content #main_content ul.colours li span.title { float: left; width: 55px; vertical-align: baseline;  text-align: center; margin: 0 0 6px 0; font-weight: bold; font-size: 0.85em;}

#center_content img.end_image { float: left; }

#center_content #main_content table { border-collapse: collapse; }

#center_content #main_content #specification { float: right; margin-bottom: -10px; }

#contact_sidebar { float: right; margin: 10px 10px 0 0; font-style: normal; width: 225px;  margin-left: 20px; font-size: 1.1em; }
#contact_sidebar address { font-style: normal; }
#contact_sidebar ul { list-style-type: none; margin: 0; }
#contact_sidebar li { padding: 0 0 8px 0; margin: 0 0 3px 0; }
#contact_sidebar ul li img { margin: 0 3px -6px 0; }

#footer { float: left; width: 973px; margin: 31px 0 26px 0; padding: 8px 7px 8px 15px; font-size: 0.92em; color: #fff; background: #4B2E0C url(../images/footer_back.jpg) repeat-x;}
#footer ul#links { list-style-type: none; margin: 0; padding: 0 0 8px 0; }
#footer ul#links li { border-left: 1px solid #fff; float: left; margin-left: 4px; padding-left: 4px; }
#footer ul#links li.first { border-left: 0; margin-left: 0; padding-left: 0;  }
#footer ul#links li a { text-decoration: underline; color: #fff; }

#footer ul#back_links { clear: left; float: left; list-style-type: none; margin: 5px 0 0 0; padding: 0 0 0 0; }
#footer ul#back_links li { border-left: 1px solid #fff; float: left; margin-left: 4px; padding-left: 4px; }
#footer ul#back_links li.first { border-left: 0; margin-left: 0; padding-left: 0;  }
#footer ul#back_links li a { text-decoration: underline; color: #fff; }


/* Newsletter Form */
fieldset div.mce_inline_error{ color: red; padding: 0px; margin: 0px; position:relative; bottom:8px;}
#newsletterform input { color: #000000; font-weight: normal; width: 215px; }
#newsletterform input.btn { color: #000000; font-weight: normal; width: auto; }
#newsletterform fieldset { border: 0px; width: 220px; float: right; background-color: #2d2d2d; padding: 10px 10px 5px 10px; }
#newsletterhdr { color: #CECECE; font-weight: bold; font-size: 1.2em; margin-bottom: 10px; }
/* Newsletter Form Ends */