/***
   do not delete this dummy class which is
   used to fix some strange problems
***/

.xxx {
}

/**********************************************************/
#branding {
   height:100px;
   background-image: url(images/headerbg.jpg);
   background-repeat:no repeat;
   height: 110px;
   text-align: left;
}

/**********************************************************/
#rooms {
	font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size:14px;
   border:0px solid red;
   font-weight:normal;
}

#rooms div {
   color:#27273F;
   border: 0px solid #fff;
   text-align: left;
   padding-bottom:4px;
}

#rooms div.first {
   padding:5px;
   padding-right:0px;
}

#rooms div.middle{
   padding:5px;
   padding-right:0px;
}

#rooms div.last {
   padding:5px;
   padding-right:0px;
}

#rooms a {
   text-decoration: none;
}

#rooms a:hover,
#rooms a.selected{
   font-weight:bold;
   text-decoration: none;
   color:red;
}

#rooms a.selected{
   font-weight:bold;
   text-decoration: none;
   color:red;
}

#rooms img{
}

/****************************************************************/
#categories {
   font-size: 12px;
   text-align: left;
}

#categories div {
   margin:0px 0px 0px 0px;
   border:0px solid red;
   padding:5px;
   clear:both;
}

#categories div a {
   text-decoration:none;
   color: #003366;
   border: 0px solid green;
}

#categories div a:hover{
	color: #FF0000;
	font-size: 12px;
	text-decoration: none;
	font-weight: normal;
}

#categories div.selected a{
	color: #FF0000;
	text-decoration: none;
	font-weight: bold;
}

/****************************************************************/
#subCategories {
   border: 0px solid #000;
   margin-right: 5px;
   color:#fff;
}

#subCategories div {
   color:#fff;
   margin:0px 2px 5px 0px;
   width:80px;
}

#subCategories div a {
   text-decoration:none;
   font-size: 10px;
}

#subCategories div a:hover,
#subCategories div.selected a
{
	font-weight: normal;
   font-size: 10px;
   text-decoration: none;
}

/********************** FAT LIST ******************************/
#fatList{
   border:0px solid blue;
}

/********************** FAT LIST - LEFT ******************************/
#fatList #leftInner{
   float: left;
   width:556px;
   padding:20px;

   _width:596px;
   border:0px solid blue;
}

#fatList #leftInner img{
   display: inline;
   margin:0px;
   padding:0px;
}

/********************** FAT LIST - RIGHT ******************************/
#fatList #rightInner{
   float: right;
   width:250px;
   _width:260px;
   border:0px solid blue;
	padding:5px;
	min-height:500px;
	_height:500px;
}


#fatList #rightInner .imageContainer{
   margin-bottom: 20px;
}

#fatList #rightInner img{
   border:0px solid #d0ab43;
   margin:auto;
   text-align: center;
}

#fatList #rightInner .imageCaption {
	font-size:10px;
	text-align:center;
	font-style: italic;
}

/********************** FAT LIST - COMMON ******************************/
#fatList .title1{
   color:#666666;
   font-size:30px;
   line-height:32px;
   height: 40px;
}

#fatList .title{
	font-size: 22px;
	line-height: 22px;
	color: #666666;
}

#fatList img{
}

#fatList p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 20px;
	color: #666666;
}

#fatList a:link, #fatList a:visited{
}

#fatList a:hover{
}

/********************** SMART FEATURES ******************************/
#flashNews{
}

#smartFeatures {
	background-color:#FF0033;
	height:369px;
}

#smartFeatures img,
#flashNews img
{
	margin:auto;
}

#smartFeatures .heading,
#flashNews .heading
{
   background-color:#333333;
   color:#fff;
   font-size:14px;
   font-weight:bold;
   text-align: center;
   height:20px;
}

#smartFeatures .description,
#flashNews .description
{
   color:#666666;
   font-size:14px;
}
/********************** News  ******************************/
#news {
}

#news img
{
	margin:auto;
}

#news .heading
{
      background-color:#FFFF00;
   color:#000000;
      font-size:14px;
   font-weight:bold;
   text-align: center;
   height:20px;
}

#news #title
{
   color:#000000;
   font-size:11px;
   font-weight:normal;
   height:20px;
   padding-top: 10px;
   text-align: center;
}

#news a
{
   padding-top: 10px;
}
/********************** PRODUCT GROUP ******************************/
#productGroupDisplayOuter {
   background-color: #cccccc;
	padding-top:20px;
	height:260px;
	border:0px solid red;
	margin:0px 2px;
	text-align:center;
}

#catalog{
	float:left;
}

#productGroupDisplay {
	border:0px solid red;
	margin:auto;
	width:700px;
}

#productGroupDisplay img{
	margin:auto;
   text-align: center;
}

#productGroupDisplay #displayInner{
	float:left;
	margin:auto;
	width:175px;
}

#productGroupDisplay #displayInner div img{
}

#productGroupDisplay #displayInner #title{
	padding-left:10px;
	color:#fff;
}

#productGroupDisplay .heading
{
   background-color:#FFFF00;
   color:#000000;
   font-size:14px;
   font-weight:bold;
   text-align: center;
   height:20px;
}

/********************** FLASH NEWS ******************************/

.headingFlashNews
{
   background-color:#333333;
   color:#fff;
   font-size:14px;
   font-weight:bold;
   text-align: center;
   height:20px;
}

.descriptionFlashNews
{
   color:#fff;
   font-size:14px;
   font-style: italic;
   line-height:17px;
	padding:5px;
	margin-bottom: 0px;   
}
/**********************************************************/
#footer{
   font-size: 10px;
   padding-left: 10px;
   padding-top: 5px;
   background-color:#333333;
   color:#fff;
   height:25px;
   text-align:left;
}

/********************** THIN LIST ******************************/
.thinList{
   border-collapse: seperate;
   width: 90%;
   margin:auto;
   margin-bottom:20px;
}

.thinList .heading{
}


.thinList td{
}

.thinList .headerRow,
.thinList .heading
{
   padding: 5px;
   color: #fff;
   font-size: 12px;
   font-weight: bold;
   text-decoration: none;
	background-color: #5F5959;
}

.thinList .list1 td{
   background-color: #F9F9F9;
   vertical-align: top;
   padding: 5px;
   height: 20px;
}

.thinList .list2 td{
   background-color: #E6E6E6;
   vertical-align: top;
   padding: 5px;
   height: 20px;
}

.thinList a:link{
	text-decoration: none;
}

/********************** BODY CONTENT DETAIL ******************************/
#productDetail{
   border:0px solid #000;
   margin:0px;
   padding:0px;
}

#productDetail .title{
   padding: 5px;
   color: #000;
   font-size: 12px;
   font-weight: bold;
   text-decoration: none;
	background-color: #dbdbdb;
}

#productDetail .subHeading{
   font-size: 12px;
   font-weight: bold;
}

#productDetail .description{
   line-height: 18px;
}

/********************** DETAIL ******************************/
.detail{
   border:0px solid #000;
   margin:0px;
   padding:0px;
}

.detail .title{
   padding: 5px;
   color: #666666;
   font-size: 12px;
   font-weight: bold;
   text-decoration: none;
	background-color: #dbdbdb;
}

.detail .subHeading{
   color: #666666;
   padding: 5px;
   font-size: 16px;
   font-weight: bold;
}

.detail .description{
   margin:10px;
   padding-top:20px;
   color: #666666;
   line-height: 18px;
}

.detail .description table td {
   padding:10px;
}

/********************** FAT LIST - LEFT ******************************/
#productDetail #leftInner{
   float: left;
   width:690px;
   _width:680px;
   border:0px solid blue;
   margin:5px;
}

#productDetail #rightInner{
   float: right;
   width: 158px;
   border: 0px solid red;
}

#productDetail #productImageContainer{
   float: left;
   width:260px;
   border:0px solid blue;
}

#productDetail #specs{
   float: left;
   width:420px;
   _width:410px;
   border:0px solid blue;
   margin-left:10px;
}

#productDetail #otherImages{
   float: left;
   width: 275px;
   border: 0px solid red;
}

#smartLogo{
   width:85px;
   float:left;
   min-height:96px;
   _height:96px;
   margin-bottom:5px;
}

#culListedLogo {
   margin-top:10px;
}

#culListedLogo img{
   margin:auto;
   text-align:center;
}

#productDetail #pictureSpecsCont{
   margin-top:5px;
   border:0px solid red;
}
/**********************************************************/
#middleBar {
   border:0px solid red;
   background-color: #000;
   height:21px;
}
#middleBar #middleBarLeft {
   border:0px solid red;
}
/**********************************************************/

div.relatedPictureBox{
   float: left;
   margin: 5px 2px;
   border:2px solid #999999;
   height:115px;
   width:120px;
}


div.relatedPictureBox img{
   margin:auto;
   text-align: center;
   
}

.fieldLabel{
   font-weight: bold;
   padding-bottom:5px;
   padding-top:5px;
}

.fieldValue{
   font-size: 12px;
   padding-bottom:5px;
   padding-top:5px;
   border:0px solid red;
   width:50px;
}

#configTable{
   border:0px solid red;
   padding: 2px;
   width:100%;
}

#configTableHeading{
   color:#333333;
   font-size:12px;
   font-weight:bold;
   border:0px solid red;
   float: left;
   padding-top:10px;
}

#configTable #pin{
   width:100px;
   border:0px solid red;
   text-align:center;
   vertical-align:middle;
}

#configTable #description{
   width:250px;
   border:0px solid red;
   vertical-align:middle;
}

#configTable #price{
   width:80px;
   border:0px solid red;
   vertical-align:middle;
}

#configTable #picture{
   width:80px;
   vertical-align:middle;
}

#configTable .addToCart{
   float:left;
   width:80px;
}


/***********************SEARCH PRODUCT ******************************/
#search{
   border:0px solid red;
   float:right;
}

.searchProduct{
   border:px solid red;
   text-align: left;
   padding:0px;
   margin: 0px;
}

.searchProduct td{
   text-align: left;
}

.searchProduct td.title{
   color: #fff;
   font-size: 12px;
   font-weight: bold;
   background-color:#99cc33;
}

.searchProduct .fieldLabel{
   font-weight: bold;
   color: #4E6F18;
}

.searchProduct .inputBox, .searchProduct .keyword{
   width:75px;
   font-size: 12px;
   background-color: #F9F9F9;
   border:1px groove #E6E6E6;
}

.searchProduct .ajaxCategory{
   height:25px;
   clear: both;
}

.searchProduct .ajaxSubCategory{
   height:25px;
   clear: both;
}


/********************** SMART FEATURES ******************************/
#relatedProducts {
   margin:0px;
	padding:0px;
	border: 0px solid red;
}

#relatedProducts img{
	margin:auto;
	padding-top:5px;
	text-align: center;
}

#relatedProducts .heading
{
   background-color:#FFFF00;
   color: #000000;
   width: 156px;
   font-size:13px;
   font-weight:bold;
   text-align: center;
   height:20px;
}

#relatedProducts .header
{
   background-color:#FFFF00;
   color: #000000;
   font-size:13px;
   font-weight:bold;
   text-align: center;
   height:20px;
}

#relatedProducts .productTitle
{
   font-weight:bold;
   text-align: center;
   margin:0px 10px;
}

/****************************************************************/
/************************* PAGER PANEL **************************/
.pagerPanel{
   width: 90%;
   border: 0px solid red;
   margin:auto;
}

.pagerPanel td{
}

.pagerPanel div{
   padding-top: 30px;
}

/***************************************************************/
.pagerDisplay, .pagerDisplayDetail{
   padding: 0px;
   width: 100%;
   margin:auto;
   border: 0px solid red;
}

.pagerDisplay td.back{
   width: 100px;
   text-align: left;
}

.pagerDisplay td.prev{
   width: 70px;
   text-align: left;
}

.pagerDisplay td.next{
   width: 50px;
   text-align: right;
}

.pagerDisplay td.display{
   text-align: center;
}

.pagerDisplay a:link, .pagerDisplay a:visited{
	color : #000;
}
/********************** SEARCH PANEL ******************************/

#keywordSearch {
   width:15;
}

#keywordSearch div.searchArrow{
   padding:3px;
   margin-left:10px;
}
#keywordSearch .searchArrow img{
   padding:6px;
}

#keywordSearch .inputField{
   border:1px solid #8d8d8d;
   float:left;
   height:16px;
   width:100px;
}

/********************** LOGIN FORM******************************/
.loginForm{
   border: 1px solid #000;
   width:365px;
   margin-left:auto;
   margin-right:auto;
   margin-top:100px;
}

.loginForm td{
   padding: 8px;
}

.loginFormShop{
   border: 1px solid #000;
   width:250px;
   float:left;
}

.newMemberFormShop{
   border: 1px solid #000;
   width:250px;
   float:left;
}
/********************** SEARCH PANEL ******************************/
#genericForm{
   border:0px solid #000;
   width: 400px;
   color: #666666;
   }

#genericForm td{
   padding:8px;
   padding-left:0px;
   vertical-align: top;
}

#genericForm .formTitle, .formTitle{
   font-size: 14px;
   font-weight: bold;
}

#genericForm .formFieldLabel
{
   font-weight: bold;
   width:250px;
   border: 0px solid red;
}

#genericForm .formFieldValue{
   font-size: 12px;
}

#genericForm .formInputBox{
   width:250px;
}

#genericForm .formInputCountryCode{
   width:30px;
}

#genericForm .formInputBoxSmall{
   width:210px;
}

#genericForm .formSmallText{
   font-size: 10px;
   font-weight: bold;
}

.txt_field {
	font-family: Arial, Helvetica, sans-serif;
	width:110px;
	font-size: 9px;
	line-height: 9px;
	color: #666666;
}

.productImage{
   width:250px;
   border: 2px solid #999999;
   overflow: hidden;
}

.productImage img{
   margin: auto;
   text-align: center;
}

/**************************** PRODUCT ******************************/
#thumbList{
   border:0px solid red;
   text-align:center;
   margin:auto;
   margin-top: 10px;
   width:698px;
   _margin-left: 85px;
}

#thumbList #boxProduct{
   border:1px solid #DFDFDF;
   width: 223px;
   height: 200px;
   margin-right: 7px;
   float:left;
   margin-bottom:5px;
}

#thumbList div #pict {
   border:0px solid #000;
}

#thumbList div #pict img{
   margin: auto;
   padding-top: 8px;
   border:0px solid #000;
   display: block;
   text-align:center;
}


#boxProduct #boxProductTop{
   height: 160px;
   border:0px solid #000;
   overflow:hidden;
}

#boxProduct #boxProductBottom{
   background-color: #DFDFDF;
   height: 40px;
   border:0px solid #000;
   text-align:center;
}

#boxProductBottom #title{
   font-size: 13px;
   font-weight: bold;
   color: #009EA0;
   border:0px solid #000;
   padding-left: 5px;
   padding-top: 7px;
}

#boxProductBottom #title a{
   text-decoration: none;
}

#dealer {
   color: #009EA0;
   border:0px solid #000;
   padding-top: 15px;
}

#dealer .heading{
   color: #009EA0;
   border:0px solid #000;
   font-weight: bold;
   font-size: 12px;
}

#dealer #title{
   font-size: 12px;
   font-weight: normal;
   color: #666666;
   border:0px solid #000;
   padding-top: 10px;
}

#dealer #desc{
   font-size: 12px;
   font-weight: normal;
   color: #666666;
   border:0px solid #000;
}

/****************************************************/
a.cartButton1{
   color : #000000;
   font-size: 12px;
   font-weight: bold;   
   text-decoration : none;
   padding: 2px;
   background-color: #9e9e9e;
   text-align:center;
   font-weight:bold;
   border: 3px solid #cccccc;
   margin-top:3px;
   cursor: pointer;
   cursor: hand;  
}

a.cartButton1:hover{
   color:#ffe85e;
}


/********************** CART BODY ******************************/
.cartBody{
   width: 100%;
   margin:auto;
   border:0px solid #000;
}

.cartBody td{
   padding: 5px;
   vertical-align: top;
}

.cartBody .description{
	line-height: 18px;
	color: #666666;
}

.cartBody .inputBox2 {
   width: 200px;
   color: #666666;
   border: 1px solid #cccccc;
   background-color: #F5F8F1;
}

.cartBody .inputBox3 {
   width: 250px;
   color: #666666;
   border: 1px solid #cccccc;
   background-color: #F5F8F1;
}

.cartBody .checkBox1 {
   width: 20px;
   color: #666666;
	border: 1px solid #cccccc;
   background-color: #F5F8F1;
}
/********************** CART TABLE ******************************/
.cartTable{
   width: 90%;
   margin:auto;
}

.cartTable td{
   color: #000000;
   vertical-align:top;
   border: 1px solid #666666;
   padding:5px;
}

.cartTable td.noBorder{
   border: 0px solid #cccccc;
}

.cartTable .headerRow{
   font-size: 12px;
   font-weight: bold;
}

.cartTable .textBold {
   font-weight: bold;
}



/********************** billingDetailsForm******************************/
.billingDetailsForm{
   border: 1px solid #666666;
   width:90%;
}

.billingDetailsForm td{
   padding: 8px;
}

/********************** CART TABLE ******************************/
.cartFooter{
   width: 90%;
   margin:auto;
}

.cartFooter td{
   padding:5px;
   padding-top:10px;
   text-align:right;
}

.cartFooter .shippingText{
   border-collapse: collapse;
   vertical-align: middle;
   text-align: center;   
   background-image: url('../images/product_bg.gif') ;
   color: #ffffff;
}

/********************** PAYMENT METHODS ******************************/
.paymentMethods{
   width: 90%;
   margin:auto;
}

.paymentMethods td{
   color: #000000;
   vertical-align:top;
   border: 1px solid #666666;
   padding:5px;
}

.paymentMethods .fieldLabel{
   font-weight:bold;
}

.paymentMethods .fieldValue{
}
/***********************************/
.cartHeading{
   font-size: 14px;
   font-weight: bold;
   color: #666666;
}


/********************** INFO PANEL ******************************/
.infoPanelOuter {
   background-color: #91ccea;
}

.infoPanel{
   height: 23px;
   border: 0px solid;
}

.infoPanel td{
   color:#b4b4b4;
}

.infoPanel .infoLeftTD{
   width:224px;
}

.infoPanel .textBold{
	font-size: 12px;
   font-weight: bold;
   padding-right:5px;
   padding-left:5px;
}

.infoPanel .smallText{
	font-size: 11px;
   font-weight: normal;
   color:#b4b4b4;
}

.infoPanel a, .infoPanel a:visited{
   color:#b4b4b4;
	text-decoration : none;
}

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

.infoPanel .viewCartText{
	font-size: 12px;
   font-weight: bold;
}

.infoPanel a.viewCart, .infoPanel a.viewCart:visited{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 12px;
	border: 1px solid #ffe65b;
	font-weight: bold;
   text-align:center;
   text-decoration:none;
   display:block; 
   color: #ffe65b;

}

.infoPanel a.viewCart:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 12px;
	border: 1px solid #ffffff;
	font-weight: bold;
   text-align:center;
   text-decoration:none;
   display:block; 
   color: #ffffff;
}