/*
classes.css

This contains all the classes used by the website other than those defined in default.css
Typically this will include header and footer css as well as any styles required by any bespoke areas of the website
*/




div#contentbackground
{
    margin: auto;
    min-height: 100%;
    width: 780px;
    background-color: white;    
    background-image: url(../images/gr-contentbg.jpg);
    background-position: bottom right;
    background-repeat: repeat-y;
}

div#container
{
    margin: auto;
    width: 780px;
    background: transparent;
    background-position: left;
    background-repeat: repeat-y;
}

div#header
{
    background-color: #666688;
    color: #ffffff;
    top: 0px;
    padding: 0px;
    margin: 0px;
    height:  70px;
    z-index: 100;
    margin: auto;
}

div#header div#header_flash
{
    float: right;
    padding: 0px;
    margin-top: -5px;
}

div#header p
{
    margin: 0px;
    padding: 20px 0px 0px 20px;
    color: #ffffff;
    font-weight: 400;
    font-size: 24px;
}

div#contenttable
{
    display: table;
}

/*
main side menu
*/

div#menu
{
    position: relative;
    display: table-cell;
    width: 187px;
    left: 0px;
    top: 0px;
}

div#menu ul
{
    width: 187px;
    display: block;
    color: #ffffff;
    list-style: none;
    margin: 0px;
    padding: 0px 0px 0px 0px;
    margin-top: 36px;
}

div#menu ul li
{
    display: block;
    color: #ffffff;
    list-style: none;
    margin: 0px;
    padding: 0px;
}

div#menu ul li a
{
    display: block;
    color: #ffffff;
    text-decoration: none;
    font-size: 12px;
    padding: 5px 5px 5px 15px;
    margin: 0px;
}

div#menu ul li a:hover
{
    color: #ffffff;
    background-color: #777671;
}

div#menu ul li.selected
{
    display: block;
    color: #ffffff;
    background-color: #777671;
    list-style: none;
    margin: 0px;
    padding: 0px;
}

div#menu ul li.selected ul
{
    background-color: #a19e97;
    padding: 0px;
    margin: 0px ;
}

div#menu ul li.selected ul li
{
}

div#menu ul li.selected ul li a
{
    font-size: 11px;
    font-weight: 400;
    padding: 5px 5px 5px 30px;
    margin: 0px;    
}

div#menu ul li a ul li.selected
{
    color: #333333 !important;
    background-color: #dddddd !important;
}

/*
end main side menu
*/

/* News Side Bar */

.newsitem h3 a
{
	font-weight:bold;
}

/* End New Side Bar */


div#currentuserdetails
{
	color: #ffffff;
	float: none;
}

div#currentuserdetails a
{
	color: #ffffff;
}

div#content
{
    display: table-cell;
    background: transparent;
    width: 850px;
    vertical-align: top;
    top: 0px;
    padding: 5px;
    padding-bottom: 35px;
}

/*
end content wrapper
*/

/*
footer
*/

div#footer
{
    width: 780px;
    margin: 0 auto;
    display: block;
    height: 35px;
    background-color: #eeeeee;
    margin-top: -35px;
    position: relative;
    padding: 0px;
    clear: both;
}

div#footer p
{
    padding: 10px 0px 0px 20px;
    font-size: 11px;
    color: #666666;
}

/*
end footer
*/

/* Product Summary Styling */

#prod-summary { width:694px; margin:0 auto; }

.prod-wrap { width:213px; 
			 margin-right:5px;
			 float:left;
			 height:360px;
			 background:url('../images/bg-prod.gif') repeat-y;
			 }


			 
.prod-wrap p.prodimg { min-height:190px;
					   width:200px; 
                       float:left; 
					   text-align:center;
					   padding-top:10px;
					   /*border: solid #000 1px;*/
					  vertical-align: middle;
					   }
		   
.prodtxt { width:190px; 
           float:left;
		   background-repeat:no-repeat;
		   background-position:0 170px;
		   height:18.0em;
		   color: #000;
		   padding-left:4px;
		   padding-top: 10px;
		   }

.prodtxt h3  {
			  display: block;
			  color:#666; 
              text-align:center;
			  /*background-color: #000000;*/ 
			  font-size:1.2em; 
			  padding:5px; margin:0;
			  }
			  
.prodtxt p
			{
				min-height:55px;
			}
			
			
			/* Product Detail Page */


.prod-wrap2
{
	padding:0px 0px 0px 0px;
	border:2px solid #000;
	height:230px;
	width:175px;
	background-color:#fff;
	margin-top:15px;	
}
.prod-wrap2 h3
{
	padding:0px 5px 11px 5px;
	line-height:12px;
	font-size:14px;
	height:16px;
	background-color:#000;
} 

#label_product1_title, #label_product2_title, #label_product3_title, #label_product4_title, #label_product5_title, #label_product6_title
{
	font-weight:bold;
	margin:20px 0px 5px 0px;
	border-bottom:2px solid #000;
}


div#layoutitemsettings form label
{
	clear:both;
	display:block;
	float:none;
	padding:1px;
	vertical-align:middle;
	width:135px;
}

.product-pod
{
	border:2px solid #000;
	background-color:#fff;
	float:left;
	margin:0px 42px 10px 42px;
	width:175px;
	display:inline;
}

.product-pod h3
{
	padding:0px 5px 11px 5px;
	line-height:12px;
	font-size:14px;
	height:16px;
	background-color:#000;
	text-align:center;
} 

.product-pod a
{
	color:#fff;
}

.product-pod img
{
	max-height:210px;
	max-width:175px;
	margin-top:-5px;
	margin-bottom:-5px;
}

.productspage-text
{
	text-align:center;
	width:175px;
	height:210px;
	margin-top:-7px;
	background-color:#fff;
}

#help-pods-wrap
{
	margin-left:20px;
}

/*#product-detail-wrap { width:685px; text-align:left; }*/
#product-detail-wrap { text-align:left; }


#product-detail-image { width:465px; float:left; }

#mainpicture {max-width:450px;}



/*#product-detail-txt { width:338px; float:right; font-size:1.1em; }*/



#product-detail-image p#detail-img { width:328px; border:solid #000 1px; text-align:center; padding:10px 0; margin:0 0 5px 0; }



#product-detail-image h3 { background:url('../images/alternative-view-hr.gif') no-repeat top left;

                           width:330px; height:30px; margin:0; padding:0; 

						   }

						   

#product-detail-image h3 span { display:none; }



.prod-mini { width:103px; margin:3px 8px 0 0; 

             border:solid 1px #000; padding:2px 0; 

			 text-align:center;

			 float:left; 

			 }


#prod-price-sale { font-weight:900; font-size:1.4em; color:#ff0000;}
#prod-price { font-weight:900; font-size:1.4em; color:#000000;}
#prod-sale { height:0px; }
#prod-sale img { /* position:relative; left:-65px; top:15px; background:url('../images/product-onsale.gif') no-repeat left;*/}	
 
#prod-sale-price {font-weight:600;}

#product-detail-txt h1 { font-size:1.6em; margin:0 0 5px 0; padding:0; }



#product-detail-txt p { margin:10px 0; padding:0; }

#product-detail-txt p span { font-size:1.8em; color:#FF0000; font-weight:bold; }



#product-detail-txt ul { list-style:square; margin:5px 0; padding:0; list-style-position:inside; }



#product-detail-txt li { line-height:1.4em; }



#product-detail-txt form { margin:15px 0; padding:0; }



#product-detail-txt form select, #product-detail-txt form input { font-size:1.1em; }



#product-detail-txt form p strong { margin-right:3px; }



#product-detail-txt h4 { margin:0; padding:0; font-size:1.1em; }



ul#alt-prods { list-style:none; margin:0; padding:0; list-style-position:outside; }



ul#alt-prods li a { color:#00F; text-decoration:underline; font-size:0.9em; }




/* Main content Wrappers - Content - Product Summary - Product Box */



#prod-sum-wrap { width:680px; color:#fff; }



.prod-sum-box { width:220px; float:left; margin:10px 10px 0 0;  }



.prod-sum-box-img { width:218px; border:solid 1px #000; padding:3px 0 10px 0; margin:0; text-align:center; }



.prod-sum-box-txt { text-align:center; padding:0; margin:2px 0 0 0; }



.prod-sum-box-txt a { text-decoration:underline; font-weight:bold; color:#000; }



.nomarg { margin-right:0px; }





/* Product Detail Page */



/*#product-detail-wrap { width:850px; text-align:left; }*/
#product-detail-wrap { text-align:left; width: 90% }



#product-detail-image { width:340px; float:left; }



/*#product-detail-txt { width:500px; float:right; font-size:1.1em; }*/
#product-detail-txt { display: table-cell; float: none; font-size:1.1em; margin-left: 340px}



#product-detail-image p#detail-img { width:328px; border:solid #000 1px; text-align:center; padding:10px 0; margin:0 0 5px 0; }



#product-detail-image h3 { background:url('../images/alternative-view-hr.gif') no-repeat top left;

                           width:330px; height:30px; margin:0; padding:0; 

						   }

						   

#product-detail-image h3 span { display:none; }



.prod-mini { width:103px; margin:3px 8px 0 0; 

             border:solid 1px #000; padding:2px 0; 

			 text-align:center;

			 float:left; 

			 }


#prod-price-sale { font-weight:900; font-size:1.4em; color:#ff0000;}
#prod-price { font-weight:900; font-size:1.4em; color:#000000;}
#prod-sale { height:0px; }
#prod-sale img { /* position:relative; left:-65px; top:15px; background:url('../images/product-onsale.gif') no-repeat left;*/}	
 
#prod-sale-price {font-weight:600;}

#product-detail-txt h1 { font-size:1.6em; margin:0 0 5px 0; padding:0; }



#product-detail-txt p { margin:10px 0; padding:0; }

#product-detail-txt p span { font-size:1.8em; color:#FF0000; font-weight:bold; }



#product-detail-txt ul { list-style:square; margin:5px 0; padding:0; list-style-position:inside; }



#product-detail-txt li { line-height:1.4em; }



#product-detail-txt form { margin:15px 0; padding:0; }



#product-detail-txt form select, #product-detail-txt form input { font-size:1.1em; }



#product-detail-txt form p strong { margin-right:3px; }



#product-detail-txt h4 { margin:0; padding:0; font-size:1.1em; }



ul#alt-prods { list-style:none; margin:0; padding:0; list-style-position:outside; }



ul#alt-prods li a { color:#00F; text-decoration:underline; font-size:0.9em; }




/* Form*/



#answer
{
	margin-left:82px;
}

/* */

div#currentuserdetails a
{
	color:#666688;
}


div#currentuserdetails
{
	color:#666666;
}

/**/

 /* Subpage */

#subpage-image
{
	max-height:200px;
	padding:0px 0px 0px 0px;
	max-height:203px;
	background-color:#fff;
	max-width:173px; 
	vertical-align:middle;
}

#subpage-text
{
	text-align:center;
	line-height:195px;
	border:solid 2px #000;
	width:173px;
	height:198px;
	margin-top:-7px;
	background-color:#fff;
}



#stock_nocostoptions input, textarea
{
	width:247px;
}


div#layoutitemsettings form #label_content
{
	display:none;
}

/**/
div#managepagelayout div#layoutdesign div.layoutsection div.sectioncontents, div#managepagelayout div#layoutdesign div.layoutsectionover div.sectioncontents
{
	clear:none;
	display:block;
	float:left;
	height:100%;
	padding:3px;
}


.sin-wraper
{
	width:100%;
	position:relative;
	background:url(../images/bg-body.gif) left top repeat-x;	
}

.sin-container
{
	width:90%;
	min-width:1110px;
	border:1px solid #ffffff;
	margin:auto;
	position:relative;
}

.sin-top{width:100%; background:url(../images/bg-top.gif) repeat-x; height:132px; position:relative;}
.sin-logo{float:left; padding-left:35px;}

.sin-top-link{float:right; padding-right:35px; color:#353637; font-size:12px; line-height:30px;}
.sin-top-link a:link , .sin-top-link a:visited{color:#353637; text-decoration:none;}
.sin-top-link a:hover{color:#353637; text-decoration:underline;}
.sin-top-link a:active{color:#353637; text-decoration:none;} 

.sin-search{float:right; clear:right; padding-right:20px; height:38px; padding-top:36px;}
.sin-search{  height:38px;  /*position:absolute;*/ top:70px; right:20px;}

.sin-search-l{background:url(../images/search_l.gif) no-repeat; height:38px; width:9px; float:left;}
.sin-search-m{background:url(../images/search_m.gif) repeat-x;  float:left; height:38px; font-size:13px;  } 
.sin-search-r{background:url(../images/search_r.gif) no-repeat; height:38px; width:9px;  float:left;}
.sin-search-box-dd{padding-left:8px;  float:left; }
.sin-search-box{border:1px solid #aeaeae;  height:18px;}
.sin-search-go-btn{padding-left:8px; float:left; }

.sin-menu-bar{ height:28px; width:100%;  float:left; }
.sin-menu-bar{ height:28px; width:100%;  position:absolute; top:104px; left:0px; }

.sin-menu-bar ul{margin:0px 10px 0 10px;  height:28px; }
.sin-menu-bar li{background:url(../images/bg-menu-l.gif) no-repeat left top; float:left; line-height:28px; font-size:13px;  text-align:center; width:12%; }
.sin-menu-bar li.white{background:url(../images/bg-menu-l-wht.gif) no-repeat left top; width:16%; }

.sin-menu-bar li a{background:url(../images/bg-menu-r.gif) no-repeat right top; height:28px; display:block;  }
.sin-menu-bar li a.white{background:url(../images/bg-menu-r-wht.gif) no-repeat right top; }

.sin-menu-bar a:link , .sin-menu-bar a:visited{color:#6d5475; text-decoration:none;}
.sin-menu-bar a:hover{color:#007dc3; text-decoration:none;}
.sin-menu-bar a:active {color:#6d5475; text-decoration:none;}

.sin-middle{position:relative; background: #ffffff url(../images/bg-mid-m.gif) repeat-x; width:100%; clear:both; }

.sin-middle-part1{ height:12px; width:100%; position:relative;}
.sin-middle-part1-dd-l{ height:12px; width:12px; background:url(../images/bg-mid-l.gif) top left no-repeat; float:left; }
.sin-middle-part1-dd-r{height:12px; width:12px; background:url(../images/bg-mid-r.gif) top left no-repeat; float:right;}


.sin-middle-part2{position:relative;}

.sin-middle-part2-left{width:230px; position:absolute; left:0px; top:0px;  }
.sin-middle-part2-left-inner{padding:0px 6px 0 6px; position:relative; }

/*-- Right Part --*/
.sin-middle-part2-right{/*position:relative;*/ top:0; left:0; height:50px; padding-left:230px; padding-right:10px;  min-height:840px; height:auto !important; height:840px;  }/*height*/
.sin-middle-part2-inner{position:relative; width:100%;  display:block;}


.sin-content1{position:relative; }
.sin-content1-l{position:absolute; top:0px; left:0px; width:550px;}
.sin-content1-r{/*position:absolute;*/ padding-left:560px; top:0px;}
.sin-content1-r-inner
{
	position:relative;
	width:866px;

}

.sin-imagesbox{}
.sin-imagesbox li{float:left; }
.sin-imagesbox img{border:1px solid #000000;}

.sin-right-box
{
	background:#ffffff url(../images/bg-right-text.gif) repeat-x top left;
	padding:10px;
	clear:left;	
	float:none;
		border-right:5px solid #E5E4E4;
	border-left:5px solid #E5E4E4;
}

.sin-welcom-box
{
	background:#ffffff;
	padding:10px;
}

.sin-content2{position:relative;}

.sin-cor-box-3{background-color:#e5e4e4;}
.sin-cor-box-top-3{height:7px; clear:both; background:url(../images/cor-gry-top-bg-3.gif) repeat-x;}
.sin-cor-box-btm-3{height:7px; clear:both;  background:url(../images/cor-gry-btm-bg.gif) repeat-x;}
.sin-cor-box-mid-3{padding:0px 4px 0px 4px;}

.sin-content3{position:relative;}

.view-more-box1{width:245px; height:211px; float:left; position:relative;}
.view-more-box2{width:245px; height:211px; margin-left:9px;  float:left; position:relative; }
.view-more-box3{width:245px; height:211px;  margin-left:9px; float:left; position:relative;}


/*--Reight Part End --*/

.sin-pro-cat img{display:block;}
.sin-pro-cat-mid{background:#ffffff url(../images/bg-left-product.gif) repeat-x; border-left:1px solid #a9ccde; border-right:1px solid #a9ccde;}
.sin-pro-cat-mid a:link , .pro-cat-mid a:visited{color:#414141; text-decoration:none;}
.sin-pro-cat-mid a:hover{color:#cc0066; text-decoration:none;}
.sin-pro-cat-mid a:active{color:#414141; text-decoration:none;}


.sin-pro-cat-mid li{height:20px; padding-left:30px; }
.sin-pro-item1{ background:url(../images/bg-p1.gif) left 12px no-repeat; padding-top:12px; }
.sin-pro-item2{ background:url(../images/bg-p2.gif) no-repeat; }
.sin-pro-item3{ background:url(../images/bg-p3.gif) no-repeat; }
.sin-pro-item4{ background:url(../images/bg-p4.gif) no-repeat; }
.sin-pro-item5{ background:url(../images/bg-p4.gif) no-repeat; }
.sin-pro-item6{ background:url(../images/bg-p6.gif) no-repeat; }
.sin-pro-item7{ background:url(../images/bg-p7.gif) no-repeat; }
.sin-pro-item8{ background:url(../images/bg-p8.gif) no-repeat; }
.sin-pro-item9{ background:url(../images/bg-p9.gif) no-repeat; }
.sin-pro-item10{ background:url(../images/bg-p10.gif) no-repeat; }
.sin-pro-item11{ background:url(../images/bg-p11.gif) no-repeat; }
.sin-pro-item12{ background:url(../images/bg-p12.gif) no-repeat; }
.sin-pro-item13{ background:url(../images/bg-p13.gif) no-repeat; }
.sin-pro-item14{ background:url(../images/bg-p14.gif) no-repeat; }
.sin-pro-item15{ background:url(../images/bg-p15.gif) no-repeat; }
.sin-pro-item16{ background:url(../images/bg-p16.gif) no-repeat; }
.sin-pro-item17{ background:url(../images/bg-p17.gif) no-repeat; }
.sin-pro-item18{ background:url(../images/bg-p18.gif) no-repeat; }
.sin-pro-item19{ background:url(../images/bg-p19.gif) no-repeat; }
.sin-pro-item20{ background:url(../images/bg-p20.gif) no-repeat; }



.sin-news-box-top img , .sin-news-box-btm img{display:block;}
.sin-news-box-btm { background:url(../images/news-btm.gif)no-repeat; }
.sin-news-box-mid{  background-color:#e5e4e4; padding:0 5px 0 5px;}
.sin-news-box-mid-bg{ background:#ffffff url(../images/news-mid.gif) repeat-x;}
.sin-news-box-mid-bg ul{padding-left:5px;}
.sin-news-box-mid-bg li{padding:9px 10px 7px 12px; background:url(../images/bulet-gry.gif) left 11px no-repeat; line-height:17px;}
.sin-news-box-mid-bg .sin-news-title{font-size:18px; color:#000000; background:none;}

.sin-cor-box{background-color:#e5e4e4;	position:absolute; top:0px; left:0px;}
.sin-cor-box-top , .sin-cor-box-btm{height:7px; clear:both;}

.sin-cor-box-mid
{
	padding:0px 7px 0 7px;
}

.bottom-curve
{
	margin:0px;
	height:15px;
}

.sin-cor-box-2{background-color:#e5e4e4;}
.sin-cor-box-top-2{height:7px; clear:both; background:url(../images/cor-gry-top-bg.gif) repeat-x;}
.sin-cor-box-btm-2{height:7px; clear:both;  background:url(../images/cor-gry-btm-bg.gif) repeat-x;}

.sin-cor-box-mid-2
{
	padding:0px 5px 0 5px;
}

.sin-bottom{padding:10px 8px 0 8px; clear:both;}
.sin-footer{height:69px; background:url(../images/footer-m.gif) repeat-x;}
.sin-lable{width:96%;  text-align:center; padding-top:5px; margin:0 auto;}
.sin-footer-mid{color:#5c5c5c; font-size:12px; width:96%; text-align:center; float:left;  line-height:20px;padding-top:6px;}
.sin-footer-mid a{padding:0 4px 0 4px;}
.sin-footer-mid a:link ,  .sin-footer-mid a:visited{color:#5c5c5c; text-decoration:none;}
.sin-footer-mid a:hover{color:#5c5c5c; text-decoration:underline;}
.sin-footer-mid a:active{color:#5c5c5c; text-decoration:none;}


