/* CSS Document */

body {margin-left: 5px;margin-right: 5px;margin-top: 15px; padding: 15px 0; font-family: Arial; font-size: 80%; background-color: white;background: #f7f7f7 url(../gfx/backgrounds/bg.gif) repeat-x }
.clearfix:after {content: "."; display: block;height: 0; clear: both;visibility: hidden;}
div.center {text-align: center;}
p { margin: 2px 5px 2px 5px; }
/** html .clearfix {height: 1%;}*/
/******************************************************
		          HEADER CONTENTS
*******************************************************/
a:link {color: #002569}
a:visited {color: #888}
a:hover {color: #000}

#SiteWrap {min-width: 900px; width: 900px; height: 591px; margin-left: auto; margin-right: auto; }
* html .SiteWrapIE {margin-left: 900px;}
* html .SiteWrapIEContainer {margin-left: -900px;position: relative;}
/*\*/
* html .SiteWrapIE, * html .SiteWrapIEContainer {height: 1px;}
/**/

div#header{width:900px; height: 85px;background: #ffffff url(../gfx/backgrounds/header.gif) repeat-x; padding:0; margin:0}
div#headerLogo{padding:15px; width: 75px;float:left;}


/**
  *
  * Main Content
  * 
  */     
div#mainContent {width: 900px; height: 505px; padding: 0px;background:#fff}
div#mainContent img {border:0}

div#leftPanel {width: 150px; height:400px;float:left; background:#fff; padding:45px 0 0 25px;}
div#leftPanel p {margin: 0; font-family: arial; font-size: 11px; font-weight:normal; color:#58595b; line-height: 1.2em; padding:0 0 15px 0;}
div#rightPanel { float:right; padding:55px 35px 0 0px}

div#pageTitle {height: 80px}
div#pageContent {float:right; padding:35px 15px 0 0}
div#pageContent p {margin: 0; font-family: arial; font-size: 20px; color:#808284; line-height: 1.1em; padding:0 0 15px 0;}

div#contactPageContent {float:right;margin: 0; font-family: arial; font-size: 11px;color:#808284; line-height: 1.1em; padding:45px 360px 15px 25px;height:446px; width:330px;background: #ffffff url(../gfx/content/Contact_img.jpg) no-repeat top right; }
div#contactPageContent p {margin: 0; font-family: arial; font-size: 11px; color:#808284; line-height: 1.1em; padding:0 0 15px 0;}

div#heritageContent {float:right;margin: 0; font-family: arial; font-size: 11px;color:#808284; line-height: 1.1em; padding:45px 360px 15px 25px;height:446px; width:330px;background: #ffffff }
div#heritageContent p {margin: 0; font-family: arial; font-size: 11px; color:#808284; line-height: 1.1em; padding:0 0 15px 0;}
div#heritageContent h1 {margin: 0; font-family: arial; font-size: 20px; font-weight:normal; color:#808284; line-height: 1.1em; padding:0 0 15px 0;}
div#heritageContent img {margin: 0 0 15px 0;}

div#profileContent {float:right;margin: 0; font-family: arial; font-size: 11px;color:#808284; line-height: 1.1em; padding:45px 360px 15px 25px;height:446px; width:330px;background: #ffffff url(../gfx/content/Profile_img.jpg) no-repeat top right; }
div#profileContent p {margin: 0; font-family: arial; font-size: 11px; color:#808284; line-height: 1.1em; padding:0 0 15px 0;}
div#profileContent h1 {margin: 0; font-family: arial; font-size: 20px; font-weight:normal; color:#808284; line-height: 1.1em; padding:0 0 15px 0;}
div#profileContent img {margin: 0 0 15px 0;}

div#newsPageContent {float:right;margin: 0; font-family: arial; font-size: 11px;color:#808284; line-height: 1.1em; padding:45px 360px 15px 25px;height:446px; width:330px;background: #ffffff url(../images/coxmooreImages/sections/News_img.jpg) no-repeat top right; }
div#newsPageContent p {margin: 0; font-family: arial; font-size: 11px; color:#808284; line-height: 1.1em; padding:0 0 15px 0;}
div#newsPageContent h1 {margin: 0; font-family: arial; font-size: 20px; font-weight:normal; color:#808284; line-height: 1.1em; padding:0 0 5px 0;}
div#newsPageContent h1 a {margin: 0; font-family: arial; font-size: 18px; font-weight:normal; color:#808284; line-height: 1.1em; padding:0 0 15px 0; text-decoration:none}
div#newsPageContent img {margin: 0 0 15px 0;}

div#accessoriesContent {float:right;margin: 0; font-family: arial; font-size: 11px;color:#808284; line-height: 1.1em; padding:45px 360px 15px 25px;height:446px; width:330px;background: #ffffff url(../images/coxmooreImages/sections/Accessories_img.jpg) no-repeat top right; }
div#accessoriesContent p {margin: 0; font-family: arial; font-size: 11px; color:#808284; line-height: 1.1em; padding:0 0 15px 0;}
div#accessoriesContent h1 {margin: 0; font-family: arial; font-size: 20px; font-weight:normal; color:#808284; line-height: 1.1em; padding:0 0 5px 0;}
div#accessoriesContent h1 a {margin: 0; font-family: arial; font-size: 18px; font-weight:normal; color:#808284; line-height: 1.1em; padding:0 0 15px 0; text-decoration:none}
div#accessoriesContent img {margin: 0 0 15px 0;}

div#socksContent {float:right;margin: 0; font-family: arial; font-size: 11px;color:#808284; line-height: 1.1em; padding:45px 360px 15px 25px;height:446px; width:330px;background: #ffffff url(../images/coxmooreImages/sections/Socks_img.jpg) no-repeat top right; }
div#socksContent p {margin: 0; font-family: arial; font-size: 11px; color:#808284; line-height: 1.1em; padding:0 0 15px 0;}
div#socksContent h1 {margin: 0; font-family: arial; font-size: 20px; font-weight:normal; color:#808284; line-height: 1.1em; padding:0 0 5px 0;}
div#socksContent h1 a {margin: 0; font-family: arial; font-size: 18px; font-weight:normal; color:#808284; line-height: 1.1em; padding:0 0 15px 0; text-decoration:none}
div#socksContent img {margin: 0 0 15px 0;}

div#leftPanel ul {list-style-type: none; margin: 0 0 10px 0; padding:0;font-size: 12px;color:#58595b;}
div#leftPanel ul li {margin: 0; padding:0;text-decoration:underline; line-height:1.3em}
div#leftPanel ul li a {margin: 0; padding:0; text-decoration:underline}

div#newsSummaryContainer {height: 110px; width: 350px; padding: 5px 0 5px 0}
div#newsSummaryImage {float: left; width: 130px; padding: 10px 0 0px 0 }
div#newsSummaryText {float:right; width: 220px; border-bottom: 1px #f4f4f4 dashed}
div#newsSummaryText h2 {padding: 5px 0 0 0; margin:0;color: #888; font-family:arial,sans-serif,verdana; font-size: 12px}
div#newsSummaryText h2 a, div#newsSummaryText h2 a:visited, div#newsSummaryText h2 a:hover {color: #888; text-decoration: none}
div#newsSummaryText h2 a:hover {color: #888; text-decoration: underline}

div#newsSummaryText p {padding: 5px 0 5px 0; color: #888; font-family:arial,sans-serif,verdana; font-size: 10px}
div#newsSummaryText p a, div#newsSummaryText p a:visited {text-decoration: none;color: #888}
div#newsSummaryText p a:hover {text-decoration: underline;color: #888}

div#newsTitle {width: 380px; margin-top: 20px; padding: 0 20px 0 20px}
div#newsTitle h1 {padding: 0px 0 0px 0;  color: #888; font-size: 18px;font-family:arial,sans-serif,verdana; }
div#newsContent {width: 380px; padding: 20px}
div#newsContent p {padding: 0px 0 0px 0; color: #888; font-family:arial,sans-serif,verdana; font-size: 12px;line-height: 1.1em; }
div#newsContent p a, div#newsContent p a:visited {text-decoration: underline;color: #888}
div#newsContent p a:hover {text-decoration: underline;color: #888}

div#pageNav {float:right; width: 380px; padding-top:15px;}

div#mainBody {margin: 0; padding: 0}
div#mainBody img {margin: 0; padding: 0}
/**
  *
  * Top Menu
  * 
  */  
#topMenu {margin: 16px 0 0 105px ;padding: 0;width: 300px;float:left;height:25px}
#topMenu ul {list-style:none; padding: 0;width: 350px; margin:0 }
#topMenu a { text-decoration: none;	}

#topMenu li {padding:0px 7px 0px 7px;list-style:none; margin-top: 0px; display:inline;font-size:10px; font-weight:bold}
#topMenu li a { color: #bcbec0;	 padding: 0;}
#topMenu li a:hover { color: #fff}

#topMenu li ul li a {color: #fff;  padding-left: 0px;  border: 0;}
#topMenu li ul li a:hover { padding-left: 0px;}

/**
  *
  * Menu
  * 
  */     
.subMenu {margin: 0 0 -20px 0; width:900px; height:20px;  z-index:99;position:relative; } 
.subMenu ul {list-style:none;  margin: 0; padding: 3px 0 0 216px; width: 684px;height:17px; background: url('../gfx/backgrounds/menubg.png') repeat;z-index:99;border-bottom:1px solid #999}

#.subMenu li { list-style:none; margin-top: 0px; display:inline;font-size:10px; font-weight:bold; padding: 0 25px 0 0;vertical-align: middle;}
#.subMenu li a { color: #fff;text-decoration:none; }
#.subMenu li a:hover {background: url('../gfx/backgrounds/arrowUpBg.gif') no-repeat center bottom; padding-bottom:6px}
#.subMenu li a:active {background: url('../gfx/backgrounds/arrowUpBg.gif') no-repeat center bottom; padding-bottom:6px}

li.subMenuDeactive {list-style:none; margin-top: 0px; display:inline;font-size:10px; font-weight:bold; padding: 0 25px 0 0;vertical-align: middle;}
li.subMenuDeactive a{color: #fff;text-decoration:none;}
li.subMenuDeactive a:hover {background: url('../gfx/backgrounds/arrowUpBg.gif') no-repeat center bottom; padding-bottom:6px}
li.subMenuActive {list-style:none; margin-top: 0px; display:inline;font-size:10px; font-weight:bold; padding: 0 25px 0 0;vertical-align: middle; }
li.subMenuActive a {background: url('../gfx/backgrounds/arrowUpBg.gif') no-repeat center bottom;padding-bottom:6px;color: #fff;text-decoration:none;}


#.subMenu li ul li a { color: #fff; padding-left: 0px; border: 0;}
#.subMenu li ul li a:hover { padding-left: 0px;}

/*
 * Product
 *
 */

#productWrap {float:left; width:400px}
#productImage {float:left}
#productContent {float:left; padding: 15px 0 0 0}
#productText{float:left; width:180px}
#productText h1{font-size:11px; font-weight:bold; padding:0; margin:0; color:#555; line-height:1.2em}
#productText p{font-size:11px; padding:0; margin:0; color:#555; line-height:1.2em}
#productColours{width:150px}
#colourName p {width:100px; padding:0; margin:0}

#footerText {font-size:10px;color:#c3c3c3;font-family:arial; padding: 10px; text-align:center}

label {}

input.text {border:0; hei}

.inputstyle 
{
    text-align: top;
	border: 0px solid #FFFFFF;
	/** remember to change image path **/
	background: url(none) no-repeat #FFFFFF;
	font-family: tahoma, helvetica, sans-serif;
	font-style: normal;
	font-size: 14px;
	color: #454743;
}

.labelstyle {
border:1px #b1b1b1 solid; padding: 2px 4px 2px 4px; width:330px;margin: 5px 2px 5px 2px
}