/* --------------------- */
/* General							 */
/* --------------------- */
body, table, input, textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
					margin:0px;
					
}
body{overflow-x:hidden;}
#fcontainer table{font-size:15px;}


a {
	color: #666666
}
a:hover {
	color: #000000
}
h1 {
	font-size: 14px;
	font-weight: bold;
}
#wrapper {
	width: 936px;
	
}
*html #wrapper {
	width: 936px;
}
#breadcrum{float:left;width:613px;font-family:calibri,tahoma;font-size:16px;text-transform: uppercase;font-weight:bold; }
#breadcrum a{text-decoration:none;color:#262922; cursor:pointer;}
#breadcrum a:hover{text-decoration:none;color:#EC0000;}
#topcontainer {
	height: 76px;
	background-image: url(../images/new/top-bg.png);
	background-repeat:no-repeat;
	width:931px;
	font-family: Calibri,tahoma,verdana;
	margin-bottom:5px;
	

}
.asterix {
	font-weight: bold;
	font-size: 14px;
	color: #FF0000;
}

/* --------------------- */
/* Quotation Forms			 */
/* --------------------- */

#quotationForm {
	margin: 0;
	padding: 0;
}

#quotationForm hr {
	border: 0;
	border-bottom: 1px solid #ccc;
	margin: 12px 0 12px 0;
}

#quotationForm .quoteHeader {
	font-size: 13px;
	font-weight: bold;
	line-height: 24px;
}


/* ---------------------
 	 Accessories shop location links
 --------------------- */

.locationLinks {
	line-height: 30px;
	font-size: 11px;
	border-bottom: 1px dashed #CCCCCC;
}

.locationLinks a {
	text-decoration: none;
}

.locationLinks a:hover {
	text-decoration: underline;
}

/* --------------------- */
/* Cart  								 */
/* --------------------- */
.formTitle{
	background:#666;
	color:#fff;
	font-weight: bold;
}
.evenrow{
	background:#FFEFEF;
}
.oddrow{
	background:#fefefe;
}
/* --------------------- */
/* Menu  		
						 */
/* --------------------- */

#date{
float:left;
height:20px;
width:146px;
text-align:left;
padding-top:26px;
*padding-top:20px;
font-size:12px;
color:#979696;
font-size:13px;
text-align:center;
}

#cartinfo{
float:right;
height:20px;
min-width:20px;
margin-right:10px;
margin-left:10px;
text-align:right;
padding-top:25px;
*padding-top:17px;
font-size:16px;
color:#4c4c4c;
font-family:calibri,times new roman;
}

#cartbasket{float:left;height:17px;width:20px;cursor:pointer;margin:0px 07px 0px 0px;background-image: url(../images/new/basket.png);background-repeat:no-repeat;}
#cartcheckout{float:right;height:20px;width:50px;cursor:pointer;margin-top:23px;}
#loginbutt{float:left;height:20px;width:45px;cursor:pointer;margin-left:15px;font-family: Calibri,tahoma,verdana;}

#menu {
	float: left;
	/*width: 375px;*/
	width: 470px;
	text-align: left;
	margin-left:10px;
	margin-top: 26px;
	*margin-top: 18px;
	font-size: 13px;
	font-weight: bold;
	text-transform: uppercase;
	font-family: Calibri,tahoma,verdana;
	padding:0px;

}
#menu a:hover{color:#e90000}
#menu ul {
	padding: 0px;
	margin: 0px;
	*padding: 0px;
	*margin: 0px;
	 float: left; 
}
#menu li {
	display: inline;
	margin-left: 5px;
	margin-right: 5px;
	 float: left; 
}
#menu a {
	text-decoration: none;
}








/*******************************************************************Menus *********************************************************************************************/
#menu li:hover a, 
#menu li.sfHover a {
  color: #474444;
   
	float:left;
	padding:0px;

}
#menu li:hover ul a, 
#menu li.sfHover ul a {
  color: #474444;	
    color: white;
	width:200px;
	text-indent:5px;
}
#menu li:hover ul a:hover, 
#menu li.sfHover ul a:hover {
  background: #717171;
  color: #474444;	
  color: white;
}
  #menu li ul {
     	position: absolute;
    	left: -999em;
		
		width:200px;
       background: #7f7f7f;
		z-index:2;
		clear:both;
		
		overflow:hidden;
      }
      #menu li ul li { 
        border-bottom: solid;
        border-bottom-width: 1px;
		width:200px;
		text-transform: none;
		}
		
     
	  
      #menu li:hover ul,
      #menu li.sfhover ul {
        left:auto;
	   top: 70px;
	   width:200px;
      }
      
       #menu li:hover ul,
       #menu li.sfhover ul {
         left: auto;
        margin: 0px;
        padding: 0px;
       }
          #menu ul li ul li a {
            border-top: 0;
            padding: 0px;
            margin: 0px;
            line-height: 20px;
            font-family: Verdana;
            font-size: 11px;
            color: #414141;
            text-decoration: none;
            height: 20px;
           
          }
      
          #menu ul li ul li a:hover {
            color: #fff;
            border-top: 0;
            padding: 0px;
            *height: 20px;
            margin: 0px;
            line-height: 20px;
           
          }


/*
Gallery Boxes */


































#logo {
	float: left;
	margin-top: 11px;
	margin-left: 5px;
	width:273px;
	height:22px;
	
}
#headerstrip{
float:left;
height:3px;
width:931px;

background-image: url(../images/new/header-line.jpg);
background-repeat:no-repeat;
margin-bottom:0px;
padding-bottom:0px;
*margin-bottom:-12px;
margin-top:8px;
}

#loginbox{
float:left;
height:11px;
width:295px;
margin:0px;
margin-top: 16px;
*margin-top: 15px;
margin-left: 633px;
-margin-left: 316px;
position:relative;
z-index:4;	

}
#loginbox  input{
height:14px;
background:#F2F2F2;
border:0px solid #cccccc;
width:110px;
font-family: Calibri,tahoma,verdana;
font-size:12px;
}

#middlecontainer {
	clear: both;
}
#submenu {
	padding: 0px;
	margin: 0px;
	width: 150px;
	float: left;
	text-align: left;
	margin-right:10px;
	*margin-right:8px;
	-margin-right:0px;
	
}
#submenu1 {
	padding: 0px;
	margin: 0px;
	width: 145px;
	float: left;
	text-align: left;
	
	
}
.submenuPadding {
	margin: 0px 0px 0px 0px;
}
.submenuHeight {
}
.dotlineTopmenu {
	background-image: url(../images/line.gif);
	background-repeat: repeat-x;
	margin-bottom: 2px;
}
*html .dotlineTopmenu {
	background-image: url(../images/line.gif);
	background-repeat: repeat-x;
}
.dotline {
	height: 1px;
	font-size: 1px;
	background-image: url(../images/line.gif);
	background-repeat: repeat-x;
}
*html .dotline {
	height: 1px;
	font-size: 1px;
	background-image: url(../images/line.gif);
	background-repeat: repeat-x;
}
#content {
/*	margin-left: 80px;*/
padding-left:0px;
	padding-right: 5px;
	margin-bottom: 5px;
	width: 613px;
	margin-top:-12px;
	*margin-top:-13px;
	text-align: justify;
	overflow:hidden;
	
}
#content_quote {
	padding-left: 5px;
	padding-right: 2px;
	background:#F5F5F5;
	margin-bottom: 5px;
	width: 599px;
	text-align: justify;
	margin-top:-14px;
	*margin-top:-14px;
	
}

#content_l {
	text-align: left;
	margin-left: 155px;
	width:755px;
	margin-left:15px;
	float:left;
}
#contentRight {
	float: right;
	width: 459px;
	padding-left: 5px;
	padding-right: 5px;
	text-align: left;
	margin-top:-8px;
}
#contentRight1{
	float: left;
	width: 459px;
	padding-left: 5px;
	padding-right: 5px;
	text-align: left;
	
	border:1px solid red;
}
*html #contentRight {
	float: right;
	width: 459px;
	padding-left: 5px;
	padding-right: 5px;
	text-align: left;
}
#feature {
	float: right;
	width: 150px;
	padding-left: 5px;
	/*padding-right: 5px;*/
	text-align: left;
	margin-bottom: 5px;
	*margin-top:-12px;
}
.clearance {
	padding-top: 5px;
	padding-bottom: 5px;
	height: 118px;
	
}

.clearancedoors{
margin-left:2px;
margin-top:5px;
float:left;
}
.rollershutter,.onlineshop,.bundles,.sectional{
margin-top:5px;
}


.onlineshop,
.rollershutter,
.clearancedoors
 {
	float: left;
	width: 150px;
	min-height: 284px;
	font-size: 11px;
}
*html .rollershutter {
	height: 284px;
}
.bundles,
.sectional,
promotions
{
	float: left;
	width: 150px;
	height: 284px;
	font-size: 11px;
	margin-left:2px;
}
#welcomeContainer {
	/*margin-left: 157px;
	width: 310px;
*/
	margin-right: 605px;
	*margin-right: 00px;
	*margin-left:159px;
	
	
}
.welcomBgr {
	float: left;
	width: 464px;
	height: 276px;
	background-color: #F1ECE9;
	margin-top: 5px;
	text-align: left;
}
*html .welcomBgr {
	width: 468px;
}
.welcomBgrOther {
	float: right;
	width: 305px;
	height: 340px;
	*height: 360px;
	background-color: #F1ECE9;
	margin-top: 5px;
	text-align: left;
	border:1px solid  #efdbd8;
}
*html .welcomBgrOther {
	width: 310px;
}
.welcomeTxt {
	padding: 5px;
	text-align: left;
	font-soze:11px;
}
.clr_both
{
	clear: both;
}

#footer {
	font-size: 10px;
	margin-top: 5px;
	margin-bottom:10px;
	clear:both;
	

}
.red, a.red {
	text-decoration: none;
	color: #ff0000;
	font-size: 11px;
}
/* --------------------- */
/* Search table  				 */
/* --------------------- */
.searchTable {
	border: 1px solid #eee;
}
.searchTable .headerTitle {
	background: #E7E7E7;
	color: #6C6C6C;
	font-size: 11px;
	font-weight: bold;
}
.searchTable input {
	color: #666;
	font-size: 10px;
}
.searchTable select {
	color: #333;
	font-size: 11px;
	border: 1px solid #bbb;
	background: #fff;
}
.errors {
	background: #fff;
	color: #333333;
	border: 1px dashed #333;
	padding: 4px;
	margin: 0px;
	width: 90%;
	list-style-type: none;
	margin-top: 10px;
}
.errors li {
	font-size: 11px;
	line-height: 15px;
}
.addWeight {
	font-weight: bold;
	font-size: 14px;
}
#total {
}
/* --------------------- */
/* quotation form styles */
/* --------------------- */
.orderSummary {
	width: 440px;
	text-align: left;
	font-size: 11px;
}
.orderSummary .mainHeader {
	background: #eee;
}
.orderSummary td {
	width: 130px;
	padding: 4px;
	border-bottom: 1px solid #eee;
	border-right: 1px solid #eee;
}
.orderSummary .optionName {
	font-weight: bold;
	text-align: center;
}
.orderSummary .optionValue {
	font-style: italic;
	width: 100px;
}
.orderSummary .optionPrice {
	font-weight: normal;
	color: #ff0000;
	width: 80px;
}
.orderSummary .optionNoDiscPrice {
	font-weight: normal;
	color: #000000;
	width: 80px;
}
.orderSummary .secondaryText {
	background: #fefefe;
}
.theDiscountedPrice {
	color: red;
}
.secondarytext .theprice {
/* no attributes yet */
}
.secondaryText .theTitle {
	font-weight: bold;
}
.secondaryText .theValue {
}
.finalSummaryTable {
	width: 440px;
}
.finalSummaryTable td {
	background: #EEE;
}
.finalSummaryTable .leftCell {
	width: 220px;
	text-align: right;
	font-weight: bold;
}

.finalSummaryTable .rightCell {
	white-space: nowrap;
}
.finalSummaryTable .rightCell1 {
	white-space: nowrap;
	padding-left:110px;
}
.finalSummaryTable .youSaved {
	font-size: 11px;
	color: #ff0000;
}
.finalSummaryTable .theHeight,
.finalSummaryTable .theWidth {
	text-align: center;
}

.productDetailsTabOpen
{
	border-style:			solid;
	border-color:			#000000;
	border-top-width:		1px;
	border-left-width:		1px;
	border-right-width:		0px;
	border-bottom-width:	0px;
	padding:				5px;
}

.productDetailsTabClosed
{
	border-style:			solid;
	border-color:			#000000;
	border-top-width:		1px;
	border-left-width:		1px;
	border-right-width:		0px;
	border-bottom-width:	1px;
	padding:				5px;
}

.productDetailsTabBlank
{
	border-style:			solid;
	border-color:			#000000;
	border-top-width:		0px;
	border-left-width:		1px;
	border-right-width:		0px;
	border-bottom-width:	1px;
	padding:				5px;
}


.productDetailsTabTable
{
	border-style:			solid;
	border-color:			#000000;
	border-top-width:		0px;
	border-left-width:		0px;
	border-right-width:		0px;
	border-bottom-width:	1px;
}

.productDetailMain
{
	border-style:			solid;
	border-color:			#000000;
	border-top-width:		0px;
	border-left-width:		1px;
	border-right-width:		1px;
	border-bottom-width:	0px;
	padding:				5px;
}
.optionsSelect
{
	font-size:		12px;
}

.hiddenClass
{
	visibility: 	hidden;
}

input.btn
{
	font-size:		12px;
	background:		#eeeeee;
	color:			#666666;

}

.star
{
	color:			#ff0000;
}
.title  a{
color:#ffffff;
}



#rollershutter_top{
float:left;
height:49px;
width:100%;

}
#rollershutter_top1{
float:left;
width:293px;
height:49px;
background-repeat:no-repeat;
background:url('../images/quotdiv/online_quote_roller_s_doors.gif');

}
#rollershutter_top2{
float:left;
width:160px;
height:49px;
background:url('../images/quotdiv/help.gif');
background-repeat:no-repeat;
margin-left:120px;

}

#redline{
width:593px;
height:1px;
background:url('../images/quotdiv/redline.gif');
float:left;
background-repeat:no-repeat;
margin:1px 0 5px 0px;
}



#rollershutter_head{
float:left;
height:30px;
width:100%;

}
#rollershutter_head1{
float:left;
width:278px;
height:30px;
background-repeat:no-repeat;
background:url('../images/quotdiv/ins_rol_doors.jpg');

}
#rollershutter_head2{
float:left;
width:278px;
height:28px;
background:url('../images/quotdiv/non_ins_rol_doors.jpg');
background-repeat:no-repeat;
margin-left:25px;
}


#rollershutter_image{
float:left;
height:305px;
width:100%;

}
#rollershutter_image1{
float:left;
width:278px;
height:305px;
background-repeat:no-repeat;
background:url('../images/quotdiv/div-mages/roller-1.jpg'); 
margin-left:11px;

}
#rollershutter_image2{
float:left;
width:278px;
height:305px;
background:url('../images/quotdiv/div-mages/roller-2.jpg');
background-repeat:no-repeat;
margin-left:13px;
}

#rollershutter_footer{
float:left;
height:49px;
width:100%;

}
#rollershutter_footer1{
float:left;
width:278px;
height:43px;
background-repeat:no-repeat;
background:url('../images/quotdiv/view_ins.gif');
margin-top:15px;
}
#rollershutter_footer2{
float:left;
width:278px;
height:43px;
background:url('../images/quotdiv/view_non_ins.gif');
background-repeat:no-repeat;
margin-left:20px;
margin-top:15px;
}





#sectional_top{
float:left;
height:49px;
width:100%;

}
#sectional_top1{
float:left;
width:294px;
height:48px;
background-repeat:no-repeat;
background:url('../images/quotdiv/online_quote_sectionaldoors.gif');

}
#sectional_top2{
float:left;
width:160px;
height:49px;
background:url('../images/quotdiv/help.gif');
background-repeat:no-repeat;
margin-left:119px;
}

#sectional_head{
float:left;
height:30px;
width:100%;

}
#sectional_head1{
float:left;
width:222px;
height:16px;
background-repeat:no-repeat;
background:url('../images/quotdiv/carteck_grey_title.gif');
margin-left:15px;
}
#sectional_head2{
float:left;
width:241px;
height:16px;
background:url('../images/quotdiv/hormann_grey_title.gif');
background-repeat:no-repeat;
margin-left:70px;
}


#sectional_footer{
float:left;
height:49px;
width:100%;

}
#sectional_footer1{
float:left;
width:275px;
height:41px;
background-repeat:no-repeat;
background:url('../images/quotdiv/view_car.gif');
margin-top:15px;
}
#sectional_footer2{
float:left;
width:275px;
height:41px;
background:url('../images/quotdiv/view_har.gif');
background-repeat:no-repeat;
margin-left:20px;
margin-top:15px;
}
#sectional_image1{
float:left;
width:278px;
height:305px;
background-repeat:no-repeat;
background:url('../images/quotdiv/div-mages/cartec.jpg');
margin-left:11px;

}
#sectional_image2{
float:left;
width:278px;
height:305px;
background:url('../images/quotdiv/div-mages/horman.jpg');
background-repeat:no-repeat;
margin-left:13px;
}


.but{
font-size:11px;
}

#first-container{cursor:pointer;float:left;width:240px;height:153px;background-image: url(../images/stock_images/background.jpg);}
#first-container a:hover{float:left;width:240px;height:153px;background-image: url(../images/stock_images/background-mo.jpg);}
#second-container{cursor:pointer;margin-left:19px;float:left;width:240px;height:153px;background-image: url(../images/stock_images/background.jpg);}
#second-container a:hover{float:left;width:240px;height:153px;background-image: url(../images/stock_images/background-mo.jpg);}
#third-container{cursor:pointer;margin-left:19px;float:left;width:240px;height:153px;background-image: url(../images/stock_images/background.jpg);}
#third-container a:hover{float:left;width:240px;height:153px;background-image: url(../images/stock_images/background-mo.jpg);}

#redeff{text-decoration:none;float:left;line-height:35px; *line-height:21px;}
#redeff a{text-decoration:none;}
#redeff a:hover{color:red;text-decoration:none;}

#redborder{clear:both;margin-top:2px;*margin-top:2px;height:0px;float:left;width:761px;border-bottom:0px solid #616161; }

#left-bot{float:left;width:148px; height:53px;background-image: url(../images/left-bot.png);}


#offercontainer{float:left;width:148px;}

#sizes{float:left;width:148px; height:125px;background-image: url(../images/new/sizes.png);margin:5px 0px 0px 0px;cursor:pointer}
#measures{float:left;width:148px; height:125px;background-image: url(../images/new/measurings.png);margin:5px 0 0 0;cursor:pointer;}
#shutters{float:left;width:148px; height:125px;background-image: url(../images/new/brochures.png);margin:5px 0 0 0; cursor:pointer;}
#brochers{float:left;width:148px; height:125px;background-image: url(../images/new/shutters.png);margin:5px 0 0 0;cursor:pointer;}

#normal_block_top{float:left;background-position:0 0;cursor:pointer;}
#normal_block_top:hover{float:left;width:613px; height:120px;background: url(http://www.garagedoorsonline.co.uk/UserFiles/Image/sd1.png);background-position:-0px -120px;cursor:pointer;}