.foo {} /* W3C CSS validator likes CSS files to start with a class rather than a comment. Soooooo.... */

/* GENERAL LAYOUT ###################### */
body {
	text-align: center;
	min-width: 780px;
	font-weight : normal; 
	font-family : Arial, san-serif; 
	margin: 7px;
}
#container {
	width: 770px;
	margin: 0 auto;
	text-align: left;
}
#header {
	width: inherit;
}
#branding {
	width: 375px;
	float: left;
	height: 76px;
}
#menu {
	 float: right;
	width: 388px;
	height: 69px;
	text-align: center;
	top: 7px;
	position: relative;
}
#imgLogo{width:375px;height:76px;border:0;}
#header #menu a.menu {border: 0px;}
#header #menu img {border: 0px;}
#banner {
	clear: both;
	width: 770px;
	height: 100px;
	padding-top: 7px;
}
#pagecontent {
	width: 770px;
	background: url(images/side.gif) repeat-y right;
	margin-top: 7px;
	margin-bottom: 7px;
}
#arealeft {
	border: #e6ddd8 1px solid;
	width: 510px;
	background: #FFFFFF;
	float: left;
	padding: 10px;
	font-size : 85%; 
	color : #000000; 
}
#areawide {
	border: #e6ddd8 1px solid;
	width: 748px;
	/* fixes quirk in Firefox */ max-width: 750px;
	background: #FFFFFF;
	padding: 10px;
	font-size : 85%;
	color : #000000;
	margin-top: 7px;
	margin-bottom: 7px;
}
#arearight {
	width: 210px;
	float: right;
	padding: 10px;
	font-size : 75%; 
	color : #999999; 
}
#footer {
	width: 770px;
}
#contact {
	clear: both;
	width: inherit;
	background: #D4CAC3;
	padding-top: 4px;
	padding-bottom: 4px;
	text-align: center;
}
#credits {
	border: #e6ddd8 0px solid;
	width: 770px;
	float: left;
	padding: 10px 0px 10px 0px;
	text-align: center;
}
#affiliates {
	border: #e6ddd8 0px solid;
	width: 230px;
	float: right;
	padding: 4px 4px 4px 0px;
}
#admin-base {
	width: 770px;
	/* fixes quirk in Firefox */ max-width: 772px;
	background: #ED1E25;
}
#admin-credits {
	width: 770px;
	text-align: center;
	padding-top: 4px;
}
/* SPACING ###################### */
.clearer {
	clear: both;
	height: 1px;
}  
.telno {
	padding: 0px 0px 0px 4px;
} 
/* TEXT ###################### */
h1 {
	font-weight : bold;
	font-size : 160%;
	color : #cc191e;
	margin-top: 0px;
} 
h1#productdtlhdr {
	font-weight : bold;
	font-size : 120%;
	color : #cc191e;
	margin-top: 0px;
} 
h2 {
	font-weight : bold;
	font-size : 130%;
	color : #B09888;
	margin-top: 0px;
}
h3 {
	font-weight : bold;
	font-size : 120%;
	color : #cc191e;
	margin-top: 0px;
	margin-bottom: 0px;
}
p.nospace {
	margin-top: 0px;
}

a.gourl:link {border-bottom: 1px dotted #666666; text-decoration : none; color : #cc191e; font-weight: bold;} 
a.gourl:visited {border-bottom: 1px dotted #666666; text-decoration : none; color : #cc191e;  font-weight: bold;} 
a.gourl:active {border-bottom: 1px solid #666666; text-decoration : none; color : #666666;  font-weight: bold;} 
a.gourl:hover {border-bottom: 1px solid #666666; text-decoration : none; color : #666666;  font-weight: bold;}

#credits a.mainmenu:link, #credits a.mainmenu:visited, #credits a.mainmenu:active {font-size : 100%; border-bottom: 0px; text-decoration : none; font-weight : bold; color : #d71b20; } 
.bolder {
	font-weight : bold;
}
#credits a.mainmenu:link, a.mainmenu:visited, a.mainmenu:active {font-size : 100%; border-bottom: 0px; text-decoration : none; font-weight : bold; color : #d71b20; } 
#credits a.mainmenu:hover  {font-size : 100%; border-bottom: 0px; text-decoration : none; font-weight : bold; 
color : #b09888; }
/* HEADER / FOOTER ###################### */
#credits .copyright {font-size : 75%; font-weight:normal; text-decoration : none; color : #CCCCCC; float: right;}  

#credits .maidenLink {font-size : 75%; font-weight:normal; text-decoration : none; color : #CCCCCC; float: left;}  
#credits a.maidenLink:link {border-bottom: 0px; font-weight:normal; font-size : 75%; text-decoration : none; color : #CCCCCC; } 
#credits a.maidenLink:visited {border-bottom: 0px; font-weight:normal; font-size : 75%; text-decoration : none; color : #CCCCCC; } 
#credits a.maidenLink:active {border-bottom: 0px; font-weight:normal; font-size : 75%; text-decoration : none; color : #CCCCCC; } 
#credits a.maidenLink:hover {border-bottom: 0px; font-weight:normal; font-size : 75%; text-decoration : underline; color : #cc191e; }

#credits a.mainmenu:link, #credits a.mainmenu:visited, #credits a.mainmenu:active {font-size : 100%; border-bottom: 0px; text-decoration : none; font-weight : bold; color : #d71b20; } 
#credits a.mainmenu:hover  {font-size : 100%; border-bottom: 0px; text-decoration : none; font-weight : bold; 
color : #b09888; }

img.divider {border: 0px; vertical-align:middle; }

.dataplate {margin: 7px; float: right; }
.lifestyle {margin: 7px; float: left; }
.blindstyle {float: left; width: 110px; text-align: center; font-size: 90%; margin: 0 5px 10px 5px;}
.blindstyle img {padding-bottom: 7px;}

/* PRODUCT OUTPUT ###################### */

td {vertical-align:top; border: 0px #CCCCCC solid; margin:5px; padding-bottom:20px;}
div.productlistcontainer {font-family:Arial; font-size:100%; color:#000000; width: 155px; margin:0 10px 0 0;}
div.productlistcontainer div.productdetails p {margin-bottom: 0px; margin-top: 5px;}
div.productlistcontainer div.productdetails h4.productname {color: #000000;}
div.productlistcontainer div.productdetails h4{font-size:100%; font-weight:bold; margin-bottom: 0px; margin-top: 0px;}
div.productlistcontainer div.productdetails h4.productprice {font-weight:bold; color:#d71b20; font-size:140%;}
div.productlistcontainer div.productdetails ul {margin-top: 0px; margin-bottom: 5px; list-style-type:square; color: #CCCCCC;}
div.productlistcontainer div.productdetails ul p.productatts {color: #000000; font-size: 90%; margin-top: 0px;}
div.productlistcontainer div.productdetails .productcode {font-weight:normal;font-size: 85%;}
div.productlistcontainer div.productdetails ul li {margin-left:-20px;}
/* div.productlistcontainer div.productdetails ul li.nodots {list-style-type:none; margin-left:-37px; padding-left:0px;} */

div.productdetails a.action:link, a.action:visited, a.action:active {border-bottom: 0px; text-decoration : underline; font-weight : bold; color : #b09888;  font-size: 90%;} 
div.productdetails a.action:hover  {border-bottom: 0px; text-decoration : none; font-weight : bold; color : #d71b20;  font-size: 90%;}

div.productlistcontainer div.productdetails ul li a{font-weight: bold;}
div.productlistcontainer div.productdetails li {margin-left: -20px; padding: 0px;}
div.productlistcontainer p.moreinfo a:link,div.productlistcontainer p.moreinfo a:visited,div.productlistcontainer p.moreinfo a:active 
{ border-bottom: #b09888 1px dotted; text-decoration : none; font-weight : normal; color : #d71b20; } 
div.productlistcontainer p.moreinfo a:hover 
{border-bottom: #b09888 1px dotted; text-decoration : none; font-weight : normal; color : #b09888; } 

div.navigation {text-align:center; background-color: #FAF4D5; padding: 5px; font-size: 80%;}
div.navigation div.leftnav {float: left; font-weight:bold;}
div.navigation div.numnav {float:none; font-weight:bold;}
div.navigation div.rightnav {float: right; font-weight:bold;}

/* FORM ELEMENTS*/

.datatable
.datacontainer {padding:5px; margin:10px; background-color:#f4e0e3; border: 1px solid #CCCCCC;}
.datacontainer div.dataentryrow {clear:both; margin: 3px;}
.datacontainer div.dataentryrow-centric {clear:both; margin: 3px;text-align:center;}
.datacontainer div.dataentryrow .label{float:left; width:160px; color:#999999; text-align:right; padding:4px; vertical-align:middle; font-size:80%; font-weight:bold; }
.datacontainer div.dataentryrow .emptyspc {float:left; width:160px; text-align:right; color:#999999; padding:4px; font-size:80%; font-weight:bold;}
.datacontainer div.dataentryrow .datacontent {float:left; margin:4px; font-weight:bold; font-size:85%;}

.datacontainer div.dataentryrow .emptyspc2{color:#626262; position: relative; left: 164px;}

.statustext {text-align:left; margin:10px; font-weight:bold;} 
.errortext {text-align:center; margin:10px; color:#cc3333; font-weight:bold; font-size: 85%} 

div.content{width:inherit;}

.help-panel{}

div.guidenotes{width:inherit;padding:0px 5px 0px 5px;background-color:#fbf6dc;}
div.admintitle h2{float:left;}
div.instructions #shopsummary {background: url(ImageHandler.ashx?file=shop-wide2.gif) repeat-y; padding: 5px 10px 5px 10px; margin: 0px; text-align: right; width: 190px; color: #000000;}

p.instruction
{
	margin-bottom:0px;
	margin-top:0px;
}

div#windowselector
{
	/*width: inherit;
	border:solid 1px gray;
	padding: 10px 10px 10px 10px;*/
} 

div#windowselector div.instructions
{

}

div#windowselector div.instructions h4
{
	margin: 0 0 0 0;
}

div#windowselector div.instructions p
{

}

.selectorpanel
{
	/* width: 190px;
	background: gray; */
}

#windowsize
{
	background: url(ImageHandler.ashx?file=choices2.gif) no-repeat;
	width: inherit;
	margin: 0px;
	padding: 16px 10px 30px 10px;
}

div.AspNet-GridView .tbldata {margin: 3px; width: 740px; border: 1px solid #cccccc; font-size: 105%}
div.AspNet-GridView .tbldata th {padding: 3px 5px 3px 5px;}
div.AspNet-GridView .tbldata td {border: 1px solid #cccccc;}

/****** ADMIN *******/
body#admin-body {
	text-align: center;
	min-width: 780px;
	font-weight : normal; 
	font-family : Arial, san-serif; 
	margin: 7px;
}
#admin-content a:link, #admin-content a:visited
{
	color:#009fff;
}
#admin-content a:hover, #admin-content a:active
{
	color:#D71B20;
}
#admin-menu a:link, #admin-content a:visited
{
	color:#009fff;
}
#admin-menu a:hover, #admin-content a:active
{
	color:#D71B20;
}
#admin-header {
	width: inherit;
}
#admin-branding {
	width: 375px;
	float: left;
	height: 76px;
}

#admin-banner {
	float: right;
	width: 386px;
	height: 76px;
}
#admin-pagecontent {
	width: 770px;
	margin-bottom: 7px;
}
#admin-menu {
	margin-top: 7px;
	border: #e6ddd8 1px solid;
	width: 170px;
	background: #FFFFFF;
	float: left;
	padding: 5px;
	font-size : 85%; 
	color : #000000; 
}
#admin-content {
	margin-top: 7px;
	border: #e6ddd8 1px solid;
	width: 560px;
	background: #FFFFFF;
	float: right;
	padding: 10px;
	font-size : 85%; 
	color : #000000; 
}

#admin-footer 
{
	text-align:center;
	width: 770px;
}
#admin-menu-list
{
	font-size: 90%;
	font-weight: bold;
	list-style-position: outside;
	list-style-type: square;
	padding-left: 20px;
	margin-left: 0px;
	margin-top:0px;
}

#admin-base {
	width: 770px;
	/* fixes quirk in Firefox */ max-width: 772px;
	background: #ED1E25;
}
#admin-credits {
	width: 770px;
	text-align: center;
	padding-top: 4px;
}
#admin-credits .copyright {font-size : 75%; color : #CCCCCC; }  
#admin-credits a.copyright:link, #admin-credits a.copyright:visited, #admin-credits a.copyright:active {border-bottom: 0px; font-size : 75%; text-decoration : none; color : #CCCCCC; } 
#admin-credits a.copyright:hover {border-bottom: 0px; font-size : 75%; text-decoration : underline; color : #969696; }

#windowsize .combobox
{
	font-size: 11px;
	font-weight: bold;
	color: #666666;
}

div.submittal {margin-left: 175px;}
div#areawide div.statusreport {/*border: 0; */height: 26px; width: 738px; position:relative; left: -175px; text-align: center; background-color:#FBF6DC; padding: 5px; margin-top: 10px;}
/*div#admin-content div.statusreport {height: 26px; width:555px; left:-175px; text-align: center; background-color:#FBF6DC; padding: 5px; margin-top: 10px;}*/


.orderitems
{
	font-size:70%;
}


#veluxdetail img
{
	float:right;
	border:0;
	margin-left: 10px;
}

#veluxdetail p
{
	font-family: Arial, Verdana, Sans-Serif; 
	padding-top: 7px;
	color :  #969696; 

}

.backlink
{
	float: left;
}

.backlink a:link,
.backlink a:active,
.backlink a:visited
{
	font-weight : bold; color : #b09888;text-decoration: none;font-size:130%;
}

.backlink a:hover
{
	font-weight : bold; color : #d71b20; text-decoration: none;	font-size:130%;
}

.summary {text-align: center; margin-top: 15px;}

/* div.detaillinks a:link, a:visited, a:active {border-bottom: 0px; font-weight : bold; color : #b09888; } 
div.detaillinks a:hover  {border-bottom: 0px; font-weight : bold; color : #d71b20;*/

.proceedcheckout
{
	float:right;
	margin-right: 8px;
}

.clear-continue
{
	float:left;
	margin-left:5px;
}

div#guidelink{height:60px; width:210px;}
div#guidelink img{margin:0px;}
div#guidelink div#innerguide{background: url(ImageHandler.ashx?file=shop-wide2.gif) repeat-y; padding: 5px 10px 5px 10px; margin: 0px; text-align:center; width: 190px; color: #000000;}

div#guidelink div#innerguide a:link,
div#guidelink div#innerguide a:active,
div#guidelink div#innerguide a:visited{font-weight:bold;color:#b09888;text-decoration:none;}
div#guidelink div#innerguide a:hover{font-weight:bold;color:#d71b20;text-decoration:none;}