@charset "utf-8";
/* Created: 07/03/08 */

/* set the font for the site */
* { 
    margin:0px;
	padding:0px; 
	font-size: 12px; 
	font-family:Arial, Helvetica, sans-serif;
} 

/* set the colours for the text and background */
body, html {
    background:#000;
    color:#464646;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/* -- Defaults for headings, bulletpoints form required and paragraphs -- */
ol, ul, li {
	list-style:disc;
    margin-left: 15px;
}

H1, H2, H3, H4, H5, H6 {
	font:bold 22px Arial, Helvetica, sans-serif;
	color:#464646;
	padding:0px 0px 10px 0px;
}

H2 {
	font-size:20px;
}

H3 {
	font-size:18px;
}

H4 {
	font-size:16px;
}

H5 {
	font-size:14px;
}

H6 {
	font-size:12px;
}


p {
	padding:0px 0px 10px 0px;
}

a {
	color:#464646;
	text-decoration:none;
}

a:hover {
	color:#940303;
}

.required {
	color:#a43638
}

.border {
   border-bottom: 2px solid #e4e4e4;
   margin-bottom: 5px;
}

/* -- END Defaults -- */

/* The main header, insert image in here */

#wrap {
    width:100%;
	margin:0 auto;
	text-align:center
}

#header {
	width:100%;
	height:156px;
	background:#000 url(../images/headerBg.png) 0px 49px repeat-x;
	margin:0 auto; 
}

#headerInner {
    width:913px;
	margin:0 auto;
}
/* This holds the content, change it's width to whatever is needed */

#main {
    width:913px;
	margin:0 auto;
}

#main .images {
    width:913px;
	height:222px;
	background:#000;
	margin:0 auto;
}

#main .images .left {
	background:#000 url(../images/homeWoman.jpg) top left no-repeat;
	float:left;
	width:283px;
	height:222px;
}

#main .images .left .inner {
	padding:50px 20px 20px 120px;
	text-align:right;
	font:bold 12px Helvetica, Arial, sans-serif;
}

#main .images .left .inner a{
	font-size:12px;
	font-style:italic;
	color:#940303;
}

#main .images .left .inner a:hover{
	color:#464646;
}

#main .images .right {
	float:left;
	width:630px;
	height:222px;
}

#logo {
    width:389px;
	height:90px;
	float:left;
}

#logo img {
	padding:26px 0px 0px 15px
}

#support247 {
	height:90px;
	width:148px;
	float:left;
}

#support247 img {
	padding:27px 0 0 288px;
}

/* The main navbar underneath the heading */
#menu {
	padding:0;
	text-align: right;
	height:30px;
	margin-top:35px;
	float:right;
	width: 520px
}
/* end: navbar */

#menu #home, #menu #services, #menu #products, #menu #faqs, #menu #contactus {
	height:30px;
	width:104px;
	float:left;
}

#menu #home a {
	height:30px;
	width:104px;
	display:block;
	background:#000 url(../images/menu.png) top left no-repeat;
}

#menu #home a:hover {
	background:#000 url(../images/menu.png) 0px -30px no-repeat;
}

#menu #services a {
	height:30px;
	width:104px;
	display:block;
	background:#000 url(../images/menu.png) -104px 0px no-repeat;
}

#menu #services a:hover {
	background:#000 url(../images/menu.png) -104px -30px no-repeat;
}

#menu #products a {
	height:30px;
	width:104px;
	display:block;
	background:#000 url(../images/menu.png) -208px 0px no-repeat;
}

#menu #products a:hover {
	background:#000 url(../images/menu.png) -208px -30px no-repeat;
}

#menu #faqs a {
	height:30px;
	width:104px;
	display:block;
	background:#000 url(../images/menu.png) -312px 0px no-repeat;
}

#menu #faqs a:hover {
	background:#000 url(../images/menu.png) -312px -30px no-repeat;
}

#menu #contactus a {
	height:30px;
	width:104px;
	display:block;
	background:#000 url(../images/menu.png) -416px 0px no-repeat;
}

#menu #contactus a:hover {
	background:#000 url(../images/menu.png) -416px -30px no-repeat;
}

/* main content in single column page */
#cont {
	width: 913px;
    text-align: left;
	min-height:200px;
	height:auto;
	padding-bottom:10px;
	background:#FFF;
}

#cont .inner {
	padding:10px 15px 20px 25px;
}


#cont .inner .text {
	width:600px;
	padding:17px 0px 20px 0px;
	float:left;
}
#cont .inner .text H1{
	border-bottom: 3px solid #e4e4e4;
   margin-bottom: 5px;
}

#cont .inner .textHome {
	width:490px;
	float:left
}

#cont .inner .textHome .inner {
	padding:17px 20px 20px 0px;
}

#cont .inner .dealOfTheMonth {
	width:186px;
	float:left;
	text-align:left;
   margin-top: -2px;
}

#cont .inner .ads {
	width:196px;
	float:left
}

#cont .inner .share {
	position: relative;
	float: right;
	margin-right: 15px;
	top: 15px;
	margin-bottom: -30px;
}

#cont .submenu {
	width:200px;
	float:left;
	margin:18px 39px 0px 19px;
}

*html #cont .submenu {
   margin: 18px 43px 0px 7px;
}

#cont .submenu .top{
   background: url(../images/sideMenuTop.jpg) top no-repeat;
   height: 16px;   
}
   
#cont .submenu .inner {
	padding:14px 14px 0px 14px;
   border-left: 2px solid #e4e4e4;
   border-right: 2px solid #e4e4e4;   
   margin: -10px 1px 0px 1px; 
}
    
#cont .submenu .menu{
   height: 37px;
   background: url(../images/sideMenuBottom.jpg) bottom no-repeat;
}  
#cont .submenu .inner .menuItem{
	padding: 5px 0px 5px 14px;
   margin: 0px 5px 0px 9px;
   background: url(../images/sideMenuItem.jpg) 0px 7px no-repeat;   

   border-bottom: dashed 1px #e4e4e4;
}

#cont .submenu .inner H3 a{
   font-size: 13px;
   font-weight: 900;
   padding-left: 10px;
}
/*buy now menu */
#cont .buy {
	width:200px;
	float:left;
   clear: left;
	margin:18px 39px 0px 19px;
   padding-bottom: 37px;

}

/* main content in two column page */
#content {
    margin-left: 210px;
	padding: 10px 0px;
    background:#FFF;
	width:567px;
	height: 100%;
	min-height:200px;
    padding:10px 0px;
}

/* second column */
#sidebar {
	background:#DDD;
	float:left;
	width:200px;
}

/* right column */
#rightColumn {
   float: right;
   width: 150px;
    border:1px solid #FFF;
    background-color:#F0F0F1;


}
/* news box */
.news-title {
    width: 150px;
    background-color: #999999;
	color: #33FFFF;
	text-decoration: none;
	font-size: 12px;
}

.news-article a {
	text-decoration: none;
	color:#73A7C6;
	font-size: 12px;
}
.news-article a:hover {
	color:#92D0F5;
}
.news-date {
	font-size: 10px;

}

/* article menu */
.modMenu {
	padding: 10px 0px 5px 10px;
}

.modMenuItem  a{
    text-decoration:none;
	color: #000;
}

.modMenuItem  a:hover{
	color: #fff;
}



/* User login */

.loginBox {
	width:198px;
	height:120px;
	border:0px;
	padding:0px;
	margin:0px;
	border:1px solid #FFF;
	background-color:#F0F0F1;
	display:block;
	float:right;
}


.loginBox .field, .loginBox .submit  {

	padding:0px 0px 0px 7px;
	clear:both;
}

.loginBox .submit,  {
	padding:6px 0px 12px 7px;

}

.loginBox .field INPUT {
	width:145px;
	height:20px;
	border:1px solid #D6D6D8;
	padding:0px;
	margin:0px;
}

.loginBox .submit INPUT {
	width:128px;
	height:33px;
	border:0px;
	padding:0px;
	margin:0px;
}

.loginBox .text {
	clear:both;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#C1C3C4;
	padding:5px 0px 0px 7px;
	float:left;
}

.loginBox .links {
	clear:both;
	width:160px;
	padding:2px 0px 4px 7px;
	float:left;
}


.loginBox .links a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:normal;
	color:#73A7C6;
	text-decoration:none;
}

.loginBox .links a:hover {
	color:#92D0F5;
}



/* Quick links */

.quickLinkWrapper {
	display:block;
	padding:11px 0px 0px 8px;
	margin:0px;
	width:100%;
	border:0px;
	float:left;
}

.quickLinkFollower {
	display:block;
	padding:6px 2px 0px 0px;
	margin:0px;
	border:0px;
	float:left;
}

.quickLinkFollower .all {
	background-color:#72A6C5;
	width:182px;
	height:auto;
	padding:0px;
	border:0px;
	margin:0px;
	display:table;
	float:left;
}

.quickLinkFollower .all .top, .quickLinkFollower .all .bottom {
	width:182px;
	height:8px;
	padding:0px;
	border:0px;
	margin:0px;
	clear:both;
	float:left;
}

.quickLinkFollower .all .linkimage a {
	margin:0px;
	padding:0px 0px 0px 8px;
	display:block;
	clear:both;
	float:left;
}

.quickLinkFollower .all .linkimage IMG a{
	border:1px solid #FFF;
}

.quickLinkFollower .all .linktitle a{
	border:0px;
	margin:0px;
	padding:6px 0px 0px 10px;
	width:170px;
	display:block;
	clear:both;
	float:left;
	font:20px Arial, Helvetica, sans-serif;
	color:#FCAF17;
	font-weight:bold;
}

.quickLinkFollower .all .linktext a{
	border:0px;
	margin:0px;
	padding:0px 10px 0px 10px;
	width:155px;
	display:block;
	text-align:left;
	clear:both;
	float:left;
	font:12px Arial, Helvetica, sans-serif;
	color:#FFF;
	font-weight:normal;
}

INPUT, TEXTAREA {
	border:1px solid #d1d1d1;
}

/* footer */
#footer {
    font-size: 10px;
	padding: 10px;
	clear:both;
	text-align: center;
	color:#FFFFFF;
}

#footer a {
	color:#FFFFFF;
}

#footer a:hover {
	color:#940303;
}