@charset "utf-8";
/* CSS Document */

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #333;
	background-color: #f9f9f9;
	background-image: url(../images/mainbg.png);
	background-repeat: repeat-x;
}
p, li, span {
	line-height:18px;
}
strong {
	font-weight:bold;
}
.clear {
	clear:both
}
a {
	text-decoration:none;
	color:#175180;
}
a:hover {
	text-decoration:none;
	color:#bc4a01;
}
.red {
	color:#890f0f
}
.green { color:#009933}
.bluedark {
	color:#003366;
}
.container {
	width:980px;
	background: url(../images/bodybg.png) repeat-y;
	margin:0 auto;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
}
.header {
	width: 980px;
	padding:0;
	height: 100px;
	margin-bottom: 7px;
}
.logo {
	float: left;
	height: 94px;
	width: 407px;
	padding-right: 0;
	padding-bottom: 0;
	/* [disabled]margin-top: 10px;
*/
}
#social {
	float: right;
	height: 40px;
	width: 500px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	overflow: hidden;
}
#social ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	border:none;
	/* [disabled]text-align: right;
*/
}
#social li {
	display: inline;
	padding-top: 4px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 5px;
	margin-right: 2px;
	float: left;
	line-height: 26px;
}
#social ul #loginicons a {
	text-indent:-999999px;
	display: block;
	background-image: url(../images/icon_login.png);
	background-repeat: no-repeat;
	background-position: left top;
	font-size: 0px;
	height: 26px;
	width: 68px;
}
#social ul #signupicons a {
	text-indent:-999999px;
	height: 26px;
	width: 79px;
	display: block;
	background-image: url(../images/icon_signup.png);
	background-repeat: no-repeat;
	background-position: left top;
	/* [disabled]float: left;
*/
	font-size: 0px;
}
#social ul #facebookicon a {
	text-indent:-999999px;
	height: 24px;
	width: 24px;
	display: block;
	background-image: url(../images/facebook.png);
	background-repeat: no-repeat;
	background-position: left top;
	/* [disabled]float: left;
*/
	font-size: 0px;
}
#social ul #twittericon a {
	text-indent:-999999px;
	height: 24px;
	width: 24px;
	display: block;
	background-image: url(../images/twitter.png);
	background-repeat: no-repeat;
	background-position: left top;
	/* [disabled]float: left;
*/
	font-size: 0px;
}
.logheaderbox {
	float: right;
	width: 500px;
	overflow: hidden;
	margin-top: 5px;
}
.logheaderbox .headerphone {
	float: right;
	width: 250px;
}
.headerphone h1 {
	line-height: 25px;
	background-image: url(../images/icon_phone.png);
	background-repeat: no-repeat;
	padding-left: 40px;
	font-size: 16px;
	font-weight: bold;
}
/* menu */


#menu {
	width: 980px;
	height: 37px;
	padding: 0;
	background-image: url(../images/menubg.png);
	background-repeat: repeat-x;
	margin-bottom: 10px;
	overflow: hidden;
}
#menu ul {
	margin: 0;
	padding: 0px;
	list-style: none;
}
#menu li {
	float: left;
	display: block;
}
#menu a {
	display: block;
	height: 37px;
	margin-right: 1px;
	background: url(../images/separator.png) no-repeat right top;
	text-decoration: none;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	border: none;
	line-height: 37px;
	float: left;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 20px;
}
#menu a:hover, #menu .current_page_item a {
	text-decoration: none;
	color: #FFFFFF;
	background-image: url(../images/menu_hover.png);
	background-repeat: repeat-x;
	background-position: left top;
}
/* content */
.bannerbox, .twocolbox {
	width:1100px;
	height:289px;
	overflow: hidden;
	margin-bottom: 10px;
}
.banner, .tabbedbox {
	float: left;
	height: 345px;
	width: 1200px;
}
.banner #SliderNameNavigation_2 img a{
	border:none;
}

.twocolbox {
	margin-bottom: 0;
}
.tabbedbox {
	height: 100%;
}
.testibox {
	float: right;
	width: 290px;
	margin-left: 10px;
	height: 345px;
}
.testihead {
	background-image: url(../images/headerbgblue.png);
	height: 36px;
}
.testihead h1 {
	color: #FFF;
	line-height: 36px;
	background-image: url(../images/icon_testi.png);
	background-repeat: no-repeat;
	background-position: 10px 7px;
	padding-left: 46px;
	font-size: 14px;
	font-weight: bold;
}
.testicontent {
	height: 181px;
	line-height: 20px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	border-left:solid 1px #bdbdbd;
	border-right:solid 1px #bdbdbd;
	border-bottom:solid 1px #bdbdbd;
	background-color: #FFF;
}
.viewall, .viewallitem, .viewallitemblue {
	overflow: hidden;
}
.viewall a, .viewallitem a, .viewallitemblue a {
	display: block;
	height: 21px;
	float: right;
	background-image: url(../images/icon_viewall.png);
	background-repeat: no-repeat;
	background-position: left top;
	width: 67px;
	margin-top: 10px;
	text-indent: -999999px;
}
.viewall a:hover, .viewallitem a:hover {
	background-image: url(../images/icon_viewall.png);
	background-repeat: no-repeat;
	background-position: left -22px;
}
#readmore a{
		background: url(../images/readmore.jpg) no-repeat left top;
} 
#readmore a:hover{
		background: url(../images/readmore.jpg) no-repeat left -22px;
}


.viewallitem a, .viewallitemblue a {
	margin-top: 5px;
}
.viewallitemblue a {
	background-position: left -22px;
}
.viewallitemblue a:hover {
	background-position: left top;
}
.afterbanner {
	width: 980px;
}
.salesbox {
	/* [disabled]height: 260px;
*/
	width: 978px;
	border: 1px solid #bdbdbd;
	margin-bottom: 10px;
}
.salesboxheader {
	height: 30px;
	overflow: hidden;
	background-image: url(../images/hederbggray.png);
	background-repeat: repeat-x;
	border-bottom: 1px solid #bdbdbd;
}
.salesboxheader h1 {
	display: inline;
	float: left;
	background-image: url(../images/icon_arrow.png);
	background-repeat: no-repeat;
	background-position: 10px top;
	line-height: 30px;
	padding-left: 37px;
	font-size: 14px;
	font-weight: bold;
}
.itembox {
	padding-top: 15px;
	padding-right: 6px;
	padding-bottom: 15px;
	padding-left: 7px;
	overflow: hidden;
	background-color: #FFF;
}

.items {
	float: left;
	height: 200px;
	width: 161px;
	margin-right: 15px;
	margin-left: 15px;
	border: 1px solid #bdbdbd;
	position: relative;
}
.items img {
	display: block;
	margin-right: auto;
	margin-left: auto;
	margin-top: 8px;
	margin-bottom: 5px;
}
.items p {
	text-align: center;
	display: block;
	margin: 5px;
}
.hotproduct .items {
	float: left;
	height: 222px;
}
.strike {
	text-decoration: line-through;
}
.saleboxheaderblue {
	background-image: url(../images/headerbgblue_small.png);
}
.saleboxheaderblue h1 {
	color:#fff;
	background-image: url(../images/icon_arrow_2.png);
	}
.discount {
	background-image: url(../images/icon_discount.png);
	background-repeat: no-repeat;
	height: 40px;
	width: 40px;
	position: absolute;
	top: 8px;
	right: 8px;
	line-height: 40px;
	color: #FFF;
	font-weight: bold;
	text-align: center;
}
/* Tabbed panel CSS */
.faqlist {
	list-style-type: none;
}
.faqlist li {
	display: block;
	margin-bottom: 10px;
	padding-left: 20px;
	background-image: url(../images/icon_arrow2.png);
	background-repeat: no-repeat;
	background-position: left 3px;
}
.faqlist li a {
	color: #333;
}
.faqlist li a:hover {
	color: #890F0F;
}
.article {
	/* [disabled]padding: 10px;
*/
	width: 100%;
	overflow: hidden;
}
.article .articlebrowse {
	margin-bottom: 10px;
	margin-right: 3px;
}
.articleimg img {
	padding: 5px;
	float: left;
	margin-right: 10px;
	background-color: #EAEAEA;
}
.article .articlebrowse h2 {
	display: block;
	font-size: 14px;
	font-weight: bold;
	line-height: 28px;
	margin-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #9C9C9C;
	overflow: hidden;
}
.article .articlebrowse p {
	display: block;
	overflow: hidden;
	line-height: 18px;
	text-align: justify;
}
.videobox {
	width: 288px;
	border: 1px solid #bdbdbd;
	float: right;
	margin-left: 10px;
	/* [disabled]height: 233px;
*/
	background:#FFFFFF;
}
.videoitem {
	padding:10px;
}
/* footer css */
.footer {
	background-image: url(../images/footer_bg.png);
	height: 46px;
	width: 960px;
	padding-right: 10px;
	padding-left: 10px;
	background-repeat: repeat-x;
	color: #FFF;
	margin-top: 10px;
}
.footconleft {
	float: left;
	line-height: 46px;
}
.footconright {
	float: right;
	line-height: 46px;
}
.footconright a {
	color: #EAEAEA;
	font-weight: bold;
}
/* other pages CSS */

.otherpage {
	width: 980px;
	overflow: hidden;
height:100%;
min-height:350px;
}
.col1 {
	float:left;
	width:212px;
	margin-right:10px;
}
.pbrowse {
	border: 1px solid #bdbdbd;
	width: 751px;
	background-color: #FFF;
	overflow: hidden;

}

.col2 {
	float:right;
	width:753px;
}
.pitemscon {
	padding-top: 0;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
	overflow: hidden;
	/* min height fix */
	min-height:400px;
  	height:auto !important;
	height:400px;
	
}

.pitems {
	border: 1px solid #BDBDBD;
    float: left;
    height: 260px;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 10px;
    position: relative;
    width: 163px;
}
}
.pitems img {
	display: block;
	margin-right: auto;
	margin-left: auto;
	margin-top: 8px;
	margin-bottom: 5px;
}
.pitems p {
	text-align: center;
	display: block;
	margin-top: 2px;
	margin-right: 5px;
	margin-bottom: 2px;
	margin-left: 5px;
}

.strike {
	text-decoration: line-through;
}


.compare-check-holder {
	display: block;
	height: 24px;
	margin-top: 2px;
	overflow: hidden;
}
.compare-check-holder span {
    display: block;
    float: left;
    padding: 3px 4px 4px;
}

.compare-check-holder .compare-checkbox {
	float: left;
	/* [disabled]height: 24px; */
	margin-right: 5px;
	position: relative;
	top: -1px;
	vertical-align: bottom;
	width: 13px;
}
.compare-check-holder label {
	cursor: pointer;
	display: block;
	float: left;
	color: #003366;
}

.combtnbox {
	margin-right: 10px;
	overflow: hidden;
	float: right;
}
.combtnbox ul{
	list-style:none;
}
.combtnbox li{
	display:inline;
	float: left;
	margin-right: 5px;
}

 .comparebtn a{
	display: block;
	height: 21px;
	background-image: url(../images/compare.png);
	background-repeat: no-repeat;
	background-position: left top;
	width: 60px;
	margin-top: 5px;
	text-indent: -999999px;
	font-size:0;
}
.combtnboxtext {
	line-height:29px;
}

.comparebtn a:hover {
	background-image: url(../images/compare.png);
	background-repeat: no-repeat;
	background-position: left -22px;
}

.listmenubox { background-color: #FFFFFF;
    border: 1px solid #BDBDBD;
    overflow: hidden; }
.listmenucon {
	padding: 10px;
}


/* List Menu CSS */

.urbangreymenu{
width: 190px; /*width of menu*/
}

.urbangreymenu .headerbar{
	margin-top:1px;
font-weight: bold;
font-size:12px;
color: #fff;
background: #606060 url(../images/arrowstop.gif) no-repeat 8px 6px; /*last 2 values are the x and y coordinates of bullet image*/
margin-bottom: 0; /*bottom spacing between header and rest of content*/
padding: 7px 0 7px 31px; /*31px is left indentation of header text*/
}

.urbangreymenu .headerbar a{
text-decoration: none;
color: #fff;
display: block;
}

.urbangreymenu ul{
	list-style-type: none;
	padding: 0;
	margin-bottom: -1px; /*bottom spacing between each UL and rest of content*/
	margin-top: 0;
	margin-right: 0;
	margin-left: 0;
}

.urbangreymenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.urbangreymenu ul li a{
	font: normal 12px Arial;
	color: black;
	display: block;
	line-height: 17px;
	padding-left: 27px; /*link text is indented 8px*/
	text-decoration: none;
	background-color: #E9E9E9;
	background-image: url(../images/icon_arrow2.png);
	background-repeat: no-repeat;
	background-position: 9px 7px;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 5px;
}

.urbangreymenu ul li a:visited{
color: black;
}

.urbangreymenu ul li a:hover{ /*hover state CSS*/
	color: #fff;
	background-color: #414141;
	background-image: url(../images/icon_arrow3.png);
	background-repeat: no-repeat;
}
/*table data*/
.tabletitle{
	font-size:14px;
	font-family:Verdana, Geneva, sans-serif;
	margin:10px;
	font-weight:bold;
}
.adm {
	border-top:1px solid #E8E8E8;
	border-left:1px solid #E8E8E8;
		margin:5px;
	font-size:12px;
	margin-bottom:10px;
}
.adm th {
	border:none;
	text-align:left;
	padding:7px 0 7px 5px;
    color:#fff;
	height:20px;
	border-bottom:1px solid #E8E8E8;
	border-right:1px solid #E8E8E8;
	background:#900;
	font-size:14px;
}
.bright {
	border-left:1px solid #E8E8E8;
}
.adm td {
	padding-bottom:6px;
	padding-top:6px;
	text-align:left;
	padding-left:5px;
	font-size:12px;
	border-bottom:1px solid #E8E8E8;
	border-right:1px solid #E8E8E8;
	border-collapse:collapse;
		vertical-align:middle;
}
.adm tr:hover {
	background-color:#fafafa;
}
.adm td a {
	text-decoration:none;
	color:#000;
}
.adm td a:hover {
	text-decoration:none;
	color:#de5300;
}
#adm, #adm tr,#adm td{
	border:none;
}
#adm tr:hover{background:none;}
.textbox {
	border:1px solid #CCC;
	width:200px;
	height:20px;
	margin:0px 0px 8px 0px;
	font-size:12px;
	color:#666;
	padding:2px 5px 2px 5px;
}
.textbox:focus,.textarea :focus {
	border:1px solid #CCC;
	}
.textarea {
	border:1px solid #CCC;
	width:270px;
	height:100px;
	margin:0px 0px 6px 0px;
	font-size:12px;
	color:#666;
	padding:2px 5px 2px 5px;
}

	.btn_submit {border:1px solid #ccc; color:#000; font-weight:bold; padding:5px 8px; font-size:12px; font-family:Arial, Helvetica, sans-serif}
	.btn_submit:hover,	.buy a:hover{color::#666;border:1px solid #666;}
	.buy a{ background:#930;border:1px solid #ccc; color:#fff; font-weight:normal; padding:5px 8px; font-size:12px; font-family:Arial, Helvetica, sans-serif}
.sucess{
	color:#060;
	text-align:left;
	height:14px;
	padding:5px 5px 5px 120px;
	background:  url(../images/yes.jpg)100px center no-repeat;
	margin:5px;
}
.error{

	padding:5px;
	height:14px;
	color:#333;
		padding:5px 5px 5px 120px;
	background:  url(../images/no.jpg)100px center no-repeat;
	margin:5px;
}
.validationerror{
	color:#f00;
}
.adm tr td div{
	padding-right:40px;
}
.adminpaneltabs {
	padding: 0;
	margin:0px auto;
	background:#CCC;
	border:1px solid #E2E2E2;
	height:29px;
	background:url(../images/buttonbg.jpg) repeat-x left top;
}
.adminpaneltabs ul {
	list-style: none;
	margin: 0;
	padding: 0px;
}
.adminpaneltabs ul li {
	display: inline;
	margin:0px;
}
.adminpaneltabs a {
	display: block;
	height:19px;
	text-decoration: none;
	text-align: center;
	font-size: 14px;
	font-weight: normal;
	color: #000;
	float:left;
	line-height:18px;
	border-right:2px solid #F0F0F0;
	padding:6px 10px 4px 11px;
}
.adminpaneltabs a:hover, .adminpaneltabs .current_page_item a {
	text-decoration: none;
	color: #fff;
	background:#333 url(../images/hover-buttonbg.jpg) repeat-x;
}
.otherpage h2 {
	font-size:14px;
	margin:10px;
}
.addicon a {
	padding-left:20px;
	font-size:12px;
	background:url(../images/add.png) no-repeat left center;
}
.edit {
	padding:2px;
}
.edit a {
	text-decoration:none;
	color:#006e2e;
	font-size:12px;
	padding-left:20px;
}
.edit a:hover {
	color:#F00;
}
.add a {
	background:url(../images/edit.png) left top no-repeat;
}
.remove a {
	background: url(../images/delete.png) left top no-repeat;
}
/*articles*/
.event {
	padding:10px;
	border-bottom:1px dotted #cdcdcd;
}
.event p{
	line-height:18px;
	margin:8px 5px 0 5px;
}
.event img{
	float:left;
	margin:0 20px 5px 0;
}
.eventheadline {
	padding:5px;
	font-family:Georgia, Times, serif;
	font-size:18px;
	color:#000;
	font-weight:normal;
}
.eventheadline a {
	font-family:Georgia, Times, serif;
	font-size:18px;
	color:#000;
	font-weight:normal;
	text-decoration:none;
}
.eventheadline span {
	font-family:Georgia, Times, serif;
	font-size:11px;
	color:#f00;
	font-weight:normal;
	text-decoration:none;
}
.eventheadline a:hover {
	text-decoration:underline;
}
.testimonial{
	font-size:12px;
	color:#000;
	font-weight:bold;
	margin:8px 5px 0 5px;
}
.compare{
	width:960px;
	margin:30px 10px;
	text-align:center;
}
.compare td{
	border:1px solid #CCC;
	padding:7px 5px;
}
.compare tr:hover{
	background:#F2F2F2;
}
.compare .items{
	border:none;
}
.stock{
	color:#090;
	font-weight:bold;
}
.detail {
	float: left;
	/*height:270px;*/ /* commented by srinivas to avoid design break in products view page*/
	width:393px;
	margin-left: 15px;
	padding-left:10px;
		margin-top:20px;
		margin-bottom:20px;
}
.detail h2{
	margin-left:0px;
	font-size:14px;
	font-weight:bold;
	color:#000;
}
.detail ul{
	list-style:inside disc;
	margin-left:10px;
}
.detail li{
		line-height:25px;
}
.itemsnap{
			margin-top:20px;
	float: left;
	margin-left: 15px;
	height:auto;
	width:300px;
	margin-bottom:20px;
}
.bodytext{
	line-height:20px;
	margin:8px 5px 0 5px;
	font-size:12px;
	margin:15px;
}
.price{margin:10px 0 0 0;}
.date{color:#900;
margin-left:10px;}

/*----pagination--------*/

.paginationwrap {
	margin:0 auto;
	width:100%;
	height:auto;
	border:none;
}
.pagination {
	float:left;
	margin-right:10px;
	margin-top:3px;
}
.pagination strong {
	background:none repeat scroll 0 0 #555;
	border:1px solid #e7e7e7;
	display:block;
	float:left;
	margin:0 2px 0 0;
	color:white;
	padding:2px 5px;
	text-decoration:none;
}
.pagination a {
	border:1px solid #D3D3D3;
	display:block;
	float:left;
	margin:0 2px 0 0;
	padding:2px 5px;
	text-decoration:none;
}


.content1 {
	font-family: Verdana, Arial, sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: 20px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color:#000000;
	text-decoration: none;
	text-align: justify;
}
.menuselectedNew {
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #CC6600;
	text-decoration: none;
	text-align: justify;
}
.tag {
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color:#0CF;
	text-decoration: none;
}
.spectrum {
	background-image: url(../images/spectrumimg.jpg);
	background-repeat: no-repeat;
}