/* -- Tantek Celik undohtml.css -- */
:link,:visited { text-decoration:none }
ul,ol { list-style:none }
p,h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input, div { margin:0; padding:0 }
a img,:link img,:visited img { border:none }
a { outline: none; }
table{border-collapse: collapse;}
/* end of browser stripping */
.mir { text-indent: -9999em;}


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

* html>body .clearfix {
	display: inline-table; 
	width: 100%;
}
	
* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
}

.clear{
	clear: both;
}

.error{
	clear: both;
	padding: 0 0 20px 0;
}

.errorpanel{
	color: #ffc20e;
	padding: 0 0 5px 0;
}

.alignRight{
	text-align: right;
}

address{
	font-style: normal;
	margin: 0 0 20px 10px;
}

cite{
	font-style: italic;
}

blockquote{
	border: 1px solid #eee;
	border-width: 1px 5px 5px 1px;
	padding: 15px 20px 10px 20px;
	margin: 0 0 20px 8px;
}

.errorpanel{
	color: #DF0D3D;
}

.imgPadding{
	padding: 10px;
}

blockquote p{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	background: #fff url(../images/bullet_blockquote.gif) no-repeat 0 0;
	padding: 0 0 0 30px;
	color: #666;
	font-size: 1.1em;
	font-style: italic;
}

blockquote h3{
	padding: 0 0 20px 0;
}

body{
	text-align: center;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #666666;
	background: #fff url(../images/body_tile_bg.gif);
}

#container{
	width: 990px;
	margin: 15px auto 0 auto;
	text-align: left;
	background: #fff url(../images/container_tile_bg.gif) repeat-y;
}

#header{
	width: 990px;
	height: 120px;
	position: relative;
	background: transparent url(../images/header_bg.gif) no-repeat;
}

#header h1 a{
	width: 207px;
	height: 62px;
	display: block;
	background: transparent url(../images/logo.gif) no-repeat;
	margin: 34px 0 0 40px;
	float: left;
	display: inline;
}

#menu{
	width: 510px;
	display: inline;
	position: absolute;
	right: 30px;
	top: 45px;

}

#menu li{
	float: left;
	display: inline;
	height: 35px;
}	

#menu li a {
	height: 35px;
	float: left;
	background: #fff url(../images/menu.gif) no-repeat 0 0;
	text-indent: -9999px;
}

#menu li#blog a{ background-position: 0 0; width: 70px;}
#menu li#blog a:hover{ background-position: 0 -35px;}

#menu li#about a { background-position: -70px 0; width: 93px;}
#menu li#about a:hover{ background-position: -70px -35px;}

#menu li#support a { background-position: -163px 0; width: 87px;}
#menu li#support a:hover{ background-position: -163px -35px;}

#menu li#affiliates a{ background-position: -250px 0; width: 87px;}
#menu li#affiliates a:hover{ background-position: -250px -35px;}

#menu li#contact a { background-position: -337px 0; width: 85px;}
#menu li#contact a:hover{ background-position: -337px -35px}

#menu li#liveChat a{ background-position: -422px 0; width: 88px; }
#menu li#liveChat a:hover{ background-position: -422px -35px;}

#banner{
	width: 975px;
	height: 200px;
	padding: 0 0 0 15px;
	position: relative;
	background: #fff url(../images/banner_bg.gif) no-repeat;
}

#captionBanner{
	width: 507px;
	height: 275px;
	float: left;
}

#captionBanner h3{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	width: 507px;
	height: 75px;
	float: left;
	line-height: 75px;
	text-indent: 30px;
	font-weight: normal;
	font-size: 1.5em;
}

#banner a{
	width: 650px;
	height: 200px;
	display: block;
}

#banner .image{
	float: left;
	width: 650px;
	height: 200px;
	background: #fff url(../images/banner_home.jpg) no-repeat;
	text-indent: -9999px;
}

#banner .fresh{
	position: absolute;
	left: 0;
	right: 0;
	float: left;
	width: 650px;
	height: 200px;
}

#banner ul#new li#blogs{
	width: 175px;
	height: 93px;
	position: absolute;
	left: 0;
	top: 77px;
}

#banner ul#new li#blogs a{
	width: 175px;
	height: 93px;
	text-indent: -9999px;
	background: url(../images/banner_home_blogs_off.jpg) no-repeat;
}

#banner ul#new li#blogs a:hover{
	background: url(../images/banner_home_blogs_on.jpg) no-repeat;
}

#banner ul#new li#affiliates{
	width: 175px;
	height: 93px;
	position: absolute;
	left: 175px;
	top: 77px;
}

#banner ul#new li#affiliates a{
	width: 175px;
	height: 93px;
	text-indent: -9999px;
	background: url(../images/banner_home_affiliates_off.jpg) no-repeat;
}

#banner ul#new li#affiliates a:hover{
	background: url(../images/banner_home_affiliates_on.jpg) no-repeat;
}



body.company #banner .image{
	float: left;
	width: 507px;
	height: 200px;
	background: #fff url(../images/banner_aboutus.jpg) no-repeat;
	text-indent: -9999px;
}

body.affiliates #banner .image{
	float: left;
	width: 650px;
	height: 200px;
	background: #fff url(../images/banner_affiliates.jpg) no-repeat;
	text-indent: -9999px;
}

body.account #banner .image{
	float: left;
	width: 650px;
	height: 200px;
	background: #fff url(../images/banner_affiliates.jpg) no-repeat;
	text-indent: -9999px;
}

body.services #banner .image{
	float: left;
	width: 650px;
	height: 200px;
	background: #fff url(../images/banner_services.jpg) no-repeat;
	text-indent: -9999px;
}


body.support #banner .image{
	float: left;
	width: 650px;
	height: 200px;
	background: #fff url(../images/banner_support.jpg) no-repeat;
	text-indent: -9999px;
}

body.contact #banner .image{
	float: left;
	width: 650px;
	height: 200px;
	background: #fff url(../images/banner_contactus.jpg) no-repeat;
	text-indent: -9999px;
}

body.design #banner .image, body.portfolio #banner .image, body.casestudy #banner .image{
	float: left;
	width: 650px;
	height: 200px;
	background: #fff url(../images/banner_design.jpg) no-repeat;
	text-indent: -9999px;
}

body.it #banner .image, body.networking #banner .image, body.pcsupport #banner .image, body.hardware #banner .image{
	float: left;
	width: 650px;
	height: 200px;
	background: #fff url(../images/banner_networking.jpg) no-repeat;
	text-indent: -9999px;
}

body.internet #banner .image{
	float: left;
	width: 650px;
	height: 200px;
	background: #fff url(../images/banner_internet.jpg) no-repeat;
	text-indent: -9999px;
}

#banner .caption{
	position: absolute;
	width: 500px;
	border: 1px solid red;
	bottom: 0;
	font-size: 1.4em;
	z-index: 10;
}

/* html #banner .image{
		margin: 0 -3px; ma\rgin: 0;
}
*/


#nav{
	width: 243px;
	height: 200px;
	font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", helvetica, arial, geneva, sans-serif;
	font-size: 1.2em;
	/*float: left;*/
	position: absolute;
	left: 507px;
}

#nav li{
	float: left;
	width: 243px;	
}

#nav li a{
	width: 203px;
	\width: 243px;
	w\idth: 203px;
	padding: 0 0 0 40px;
	background: transparent url(../images/menu_bg.gif) no-repeat 0 0;
	float: left;
	color: #fff;
	font-weight: 800;
}

#nav li#design a{
	background-position: 0 0;
	height: 67px;
	line-height: 67px;
}

#nav li#design a:hover{
	background-position: -243px 0;
}

#nav li#networking a{
	background-position: 0 -67px;
	height: 67px;
	line-height: 67px;
}

#nav li#networking a:hover{
	background-position: -243px -67px;
}

#nav li#internet a{
	background-position: 0 -134px;
	height: 66px;
	line-height: 66px;
}

#nav li#internet a:hover{
	background-position: -243px -134px;
}

#nav li ul{
	font-size: 0.8em;
}

#nav li ul li a{
	background: none;
}



#wideContent{
	width: 900px;
	\width: 960px;
	w\idth: 900px;
	margin: 0 15px;
	padding: 20px 30px 0 30px;
	background: #fff url(../images/wide_content_tile_bg.gif) repeat-x;
}


body.internet #wideContent{
	width: 900px;
	\width: 960px;
	w\idth: 900px;
	margin: 0 15px;
	padding: 20px 30px 0 30px;
}

#wideContent p{
	line-height: 1.6em;
	margin: 0 0 15px 0;
}

p.disclaimer{
	font-size: 0.9em;
}

#wideContent a{
	color: #363491;
}

.link{
	background: #fff url(../images/dotted_underline.gif) repeat-x 100% 100%;
}

.emphasis{
	color: #6867ad;
	font-weight: 800;
}

#fullContent{
	width: 700px;
	clear: both;
	
}

#leftContent{
	width: 590px;
	float: left;
	margin: 0 0 0 0;
	display: inline;
}

#leftContent a{
	font-weight: bold;
}

#leftContent a:hover{
	color: #9A99C8;
	font-weight: bold;
}

body.internet #leftContent{
	margin: 0;
}

#leftContent h2{
	color: #6867ad;
	font-size: 1.4em;
	font-weight: 500;
	letter-spacing: 0.005em;
	margin: 0 0 10px 0;
	padding: 0 0 2px 0;
	background: #fff url(../images/dotted_underline.gif) repeat-x 100% 100%;
}

#leftContent h3, #wideContent h3{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #363491;
	font-size: 1.6em;
	margin: 5px 0 10px 0;
	font-weight: normal;
}

/*body.internet #wideContent h3{
	margin: 5px 0 10px 10px;
}
*/

#leftContent h4{
	color: #6867ad;
	font-size: 1.2em;
	margin: 30px 0 10px 0;
	font-weight: 800;
}


#leftContent h5{
	color: #6867ad;
	font-size: 1.1em;
	font-weight: 200;
	margin: 20px 0 0 0;
}

#leftContent h5 a{
	color: #6867ad;
	font-weight: 800;
}

#leftContent ol{
	margin: 0 0 0 30px;
}

#leftContent ol li{
	list-style: decimal;
	line-height: 2em;
}

.highlight{
	border: 2px solid red;
}

.portfolioImage{
	width: 200px;
	height: 126px;
	overflow: hidden;
	float: right;
	border: 1px solid #cccccc;
	margin: 0 0 10px 14px;
}


#rightContent{
	width: 235px;
	float: right;
}

#rightContent h6{
	font-weight: 200;
	margin: 0 0 20px 10px;
}

#rightContent h2{
	color: #6867ad;
	font-size: 1.25em;
	margin: 3px 0 10px 0;
	padding: 0 0 2px 0;
	background: #fff url(../images/dotted_underline.gif) repeat-x 100% 100%;
}

#rightContent h3{
	color: #6867ad;
	margin: 5px 0 0 0;
	font-size: 1.2em;
	font-weight: 800;
}

#news{
	width: 227px;
	/*\width: 235px;
	w\idth: 205px;
	padding: 0 0 0 15px;*/
	margin: 0 0 0 7px;
	background: #fff url(../images/news_tile_bg.gif) repeat-y;	
}

#news h3{
	color: #666666;
	margin: 0 25px 0 20px;
	border-bottom: 1px dotted #cccccc;
}

.newsTop{
	background: #fff url(../images/news_top.gif) no-repeat;
	width: 227px;
	height: 18px;
	margin: 0 0 0 7px;
}

.newsBottom{
	background: #fff url(../images/news_bottom.gif) no-repeat;
	width: 227px;
	height: 18px;
	margin: 0 0 0 7px;
}

#news ul{
	margin: 0 20px 0 20px;
}

#news ul li{
	line-height: 1.6em;
	color: #333333;
	margin: 15px 0 0 0;
}

#news ul li span.date{
	color: #363491;
	font-weight: 800;
}

#news ul li span.date img{
	margin: 0 5px 0 0;
}


#service, #mail, #statement, #portfolioGallery{
	width: 235px;
	/*\width: 235px;
	w\idth: 205px;
	padding: 0 0 0 15px;*/
	margin: 0 0 0 7px;
	background: #fff url(../images/side_content_tile_bg.gif) repeat-y;	
}

#service h3, #mail h3, #statement h3, #portfolioGallery h3{
	margin: 0 10px 0 10px;
	padding: 3px 0 0 10px;
}

.serviceTop, .mailTop, .statementTop, .portfolioTop{
	background: #fff url(../images/side_content_top.gif) no-repeat;
	width: 235px;
	height: 18px;
	margin: 0 0 0 7px;
}

#service ul, #mail ul, #statement ul, #portfolioGallery ul{
	margin: 0 20px 0 20px;
	padding: 20px 0 20px 0;
}


#service ul li, #mail ul li, #statement ul li{
	margin: 0 0 15px 10px;
	color: #333333;
	padding: 0 0 0 20px;
	background: #fff url(../images/tick_main.gif) no-repeat 0 20%;
}

#portfolioGallery ul li{
	float: left;
	margin: 0 0 15px 0;
}

#portfolioGallery ul li.left{
	width: 85px;
	height: 85px;
	float: left;
	display: inline;
	margin: 0 0 15px 4px;
}

#portfolioGallery ul li.right{
	width: 85px;
	height: 85px;
	margin: 0 8px 15px 0;
	display: inline;
	float: right;
}

#portfolioGallery .thumb{
	border: 1px solid #000;
}

#portfolioGallery .highlight{
	border-right: 3px solid #FE8C01;
	border-bottom: 3px solid #FE8C01;
	border-left: 2px solid #FE8C01;
	border-top: 2px solid #FE8C01;
	width: 77px;
	height: 77px;

}

#service ul li a, #mail ul li a, #statement ul li a{
	color: #363491;
}

#service ul li a:hover, #mail ul li a:hover, #statement ul li a:hover{
	color: #000;
}

.serviceBottom, .mailBottom, .statementBottom, .portfolioBottom{
	background: #fff url(../images/side_content_bottom.gif) no-repeat;
	width: 235px;
	height: 18px;
	margin: 0 0 10px 7px;
}

#service p, #statement p{
	margin: 10px 10px 0 10px;
	padding: 0 10px;
}

#service address{
	margin: 10px 10px;
	line-height: 1.7em;
	padding: 0 10px 0 10px;
}


.generalList, .supportList, .salesList{
	line-height: 1.8em;
	margin: 5px 0 20px 10px;
}

.generalList li, .supportList li, .salesList li{
	background: transparent url(../images/bullet_right.gif) no-repeat 0 50%;
	padding: 0 0 0 15px;
}

.bottomContainer{
	width: 990px;
	height: 75px;
	background: transparent url(../images/container_bottom.gif) no-repeat;
}

.bottomContainer img{
	float: right;
	margin: -25px 30px 0 0;
}

#footer p{
	color: #666;
	font-size: 0.9em;
	text-align: center;
	padding: 0 0 30px 0;
}

#footer .divider{
	color: #333;
	font-size: 1em;
	font-weight: bold;
}

#footer p a{
	color: #363491;
}

.expand{
	padding: 2px 0 0 10px;
	
}

#staffList{
	margin: 20px 0 0 0;
}

#staffList li{
	padding: 0 10px 0 20px;
	line-height: 1.6em;
	margin: 0 0 20px 0;
}

#staffList li#greg, #staffList li#paul, #staffList li#ed, #staffList li#dhana, #staffList li#jenn, #staffList li#geetha, #staffList li#jason, #staffList li#ross, #staffList li#debbie, #staffList li#trisha ,#staffList li#wilson, #staffList li#judy{
	display: none;
}

#staffList li.humanoid{
	background: #fff url(../images/bullet_staff.gif) no-repeat 0 50%;
}

#staffList li.humanoid a strong{
	color: #363491;
}

#staffList li ul{
	margin: 0 0 0 8px;
}

#staffList li ul li{
	background: #fff url(../images/bullet_arrow.gif) no-repeat 0 50%;
	padding: 0 0 0 15px;
	margin: 0;
	line-height: 1.8em;
}

#staffList li a{
	color: #000;
}

.bottomBorder{
	border-bottom: 1px dotted #ccc;
}

/*forms*/
.row {
	clear: both; 
}

.row span.label {
	float: left; 
	text-align: left;
	font-weight: 600;
}

.row span.sample{
	font-style: italic;
	color: #5aab2c;
	margin: 0 0 0 5px;
}

.row span.formLeft {
	float: left; 
	margin: 0 0 10px 0;
	text-align: left;
} 

.row span.formRight{
	float: right;
	text-align: left;
}

.buttonRow{	
	float: right;
	border: 1px solid red;
}

.floatLeft{
	float: left;
	padding: 0 10px 0 0;
}

.floatRight{
	float: right;
	margin: 0 0 0 10px;
}

.border{
	border: 1px solid #000;
}

.medium{
	width: 250px;
}

.short{
	width: 150px;
}

.tiny{
	width: 50px;
}

.long{
	width:350px;
}

.extralong{
	width: 430px;
}

textarea, .medium, .long, .short, .tiny, select, .input50, .input150, .input250, .input200, .input350, .input300, .input450, .extralong{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #333;
	border: 1px solid;
	border-bottom-color: #ccc;
	border-right-color: #ccc;
	border-top-color: #666;
	border-left-color: #666;
	margin: 0 0 0 0;
	padding: 2px 0 2px 4px;
	background-color: #f0f0f0;
}

.check{
	margin: 0 6px 0 0;
}

.radioText{
	margin: 0 2px 0 20px;
}

.boxes{
	width: 10px;
	height: 10px;
	border: 1px solid red;
	float: left;
}

.productGallery{
	width: 160px;
	height: 220px;
	border: 1px solid #666;
	text-align: center;
}

.productGallery img{
	display: inline;
}

.productGallery h5{
	text-align: center;
	background: #9A99C8;
  	width: 160px;
	color: #fff;
	font-weight: 800;
 }

.productGallery h5 a{
	color: #fff;
}

.productGallery ul{
	list-style-type: square;
	margin: 0 0 0 20px;
	text-align: left;
}



.rightAlign{
	text-align: right;
}

.leftAlign{
	text-align: left;
}

a.external{
	background: #fff url(../images/bullet_external_link.gif) no-repeat 100% 500%;
	padding: 0 14px 0 0;
}

a.internal{
	background: #fff url(../images/bullet_internal_link.gif) no-repeat 100% 0;
	padding: 0 10px 0 10px;
}


#portfolio{
	width: 448px;
	\width: 450px;
	w\idth: 448px;
	height: 300px;
	\height: 302px;
	he\ight: 300px;	
	border: 1px solid #e3e3e3;

}


#portfolio h3{
	margin: 15px 0 20px 15px;
	font-size: 1.25em;
	font-weight: 800;
	color: #333;
}

#portfolio h4{
	margin: 15px 0 20px 15px;
	font-size: 1.15em;
	font-weight: 800;
	color: #333;
}

#portfolio img{
	width: 350px;
	height: 225px;
	margin: 0 49px 10px 49px;

}

.pager{
	background-color: #ddd;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	background: #f9f9f9 url(../images/design_pager_bg.jpg) no-repeat 0 0;
	width: 448px;
	\width: 450px;
	w\idth: 448px;
	height: 26px;
	font: 1.0em "Trebuchet MS";
	font-weight: bold;
	
}

.pager li.previous, .pager li.next{
	background: none;
	text-align: right;
	float: right;
	color: #333;
	margin: 3px 8px 0 0;
}

.pager li.view{
	width: 100px;
	float: left;
	margin: 3px 0 0 8px;
	background: transparent url(../images/bullet_view_site.gif) no-repeat 55% 50%;
	padding: 0 20px 0 0;
}

.pager li.previous{
	width: 60px;
	background: none;
}

.pager li.next{
	width: 40px;
	background: none;
}

dl.contactForm, dl.supportForm{
	width: 460px;
	float: left;
}

dl.contactForm dt, dl.supportForm dt{
	clear:both;
	width: 120px;
	float: left;
	text-align: right;
	margin: 0 0 10px 0;
}

dl.contactForm dd, dl.supportForm dd{
	width: 300px;
	float: right;
	margin: 0 0 10px 0;
}


.required{
	font-weight: bold;
	/*color: #2C7ECA;*/
}

#portfolioPager{
	width: 200px;
	margin: 0 0 0 15px;
}

#portfolioPager a:hover{
	color: #85AE2C;
	font-weight: 800;
	font-size: 1.2em;
}

#portfolioPager a.currentPage{
	font-size: 1.2em;
	color: #85AE2C;
	font-weight: 800;
}



ul.categories li{
	width: 280px;
	float: left;
	display: inline;
	margin: 0 20px 20px 0;
}

.packageTop{
	width: 280px;
	height: 38px;
	position: relative;
}



.packageTop h6{
	position: absolute;
	left: 130px;
	top: 0px;
	color: #363491;
}
.packageTop h6 span.smallText{
	font-weight: 100;
	font-size: 0.95em; 
}

.packageTop h5{
	width: 280px;
	height: 38px;
	font: 1.2em "Trebuchet MS";
	font-weight: bold;
	line-height: 38px;
	background: transparent url(../images/bullet_package.gif) no-repeat 100% 50%;
	z-index: 10;	
}

.packageTop h5 a{
	width: 268px;
	\width: 280px;
	w\idth: 268px;
	height: 38px;
	padding: 0 0 0 10px;
	display: block;
	border: 1px solid #cccccc;
	border-bottom: none;
	background: #f5f5f5 /*url(../images/package_top.gif) no-repeat 0 0*/;
	z-index: 0;
}

ul.categories ul{
	width: 278px;
	\width: 280px;
	w\idth: 278px;
	height: 308px;
	\height: 320px;
	he\ight: 308px;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	color: #666666;
	padding: 0 0;
}

ul.categories ul li{
	margin: 0;
	width: 226px;
	\width: 240px;
	w\idth: 226px;
	background: #fff url(../images/bullet_categories.gif) no-repeat 8px 7px;
	padding: 5px 0 0 25px;
	margin: 0 10px 6px 10px;
	line-height: 1.2em;
}

ul.categories ul li.image{
	background: none;
	padding: 0;
	margin: 0;
}

ul.categories ul li img{
	width: 210px;
	height: 80px;
}

ul.categories ul li.price{
	color: #CC0000;
	font-weight: bold;
}

.external{
	margin: 0 0 0 2px;
	line-height: 1.6em;
}

.radiolist{
	font-size: 1em;
	font-weight: 100;
}

.radioList label{
	margin: 0  0 2px;
}

#leftContent a, #rightContent a{
	/*background: #fff url(../images/underline.gif) repeat-x 0 100%;**/
	border-bottom: 1px dotted #9A99C8;
	/*padding: 0 0 2px 0; */
}

#leftContent a img, #rightContent a img{
	border-bottom: none;
} 

.noBorder{
	border: none;
}

.buttonRow{
	clear: both;
}



dl.buyForm, dl.form{
	width: 330px;
	float: left;
}

dl.buyForm dt, dl.form dt{
	clear:both;
	width: 330px;
	float: left;
	text-align: left;
}

dl.buyForm dd, dl.form dd{
	width: 330px;
	float: left;
	margin: 0 0 15px 0;
}


dl.creditForm{
	width: 700px;
	margin: 20px 0 0 0;
}


dl.creditForm dt{
	clear:both;
	width: 700px;
	float: left;
	text-align: left;
}

dl.creditForm dd{
	width: 700px;
	float: left;
	margin: 0 0 15px 0;
	
}

#left{
	width: 400px;	
	float: left;
	border-right: 1px solid #ccc;
}

#right{
	width: 370px;
	\width: 400px;
	w\idth: 370px;
	padding: 0 0 0 30px;
	float: left;
}

#left address, #right address{
	margin: 10px 0 0 0;
}

#left h6, #right h6{
	line-height: 2.5em;
}

#wideContent h3.productDetail{
	font-size: 1.6em;
	font-weight: bold;
	color: #85AE2C;
}

#wideContent h3 em{
	color: #CC0000;
}

dl.productDetail{
	width: 700px;
	\width: 702px;
	w\idth: 700px;
	float: left;
	border: 1px solid #ddd;
	display: inline;
}


dl.productDetail dt{
	width: 295px;
	\width: 310px;
	w\idth: 295px;
	padding: 0 5px 0 10px;
	float: left;
	line-height: 2.5em;
	background: #fff url(../images/dt_tile_bg.gif) repeat-y;
	border-bottom: 1px solid #ddd;
	color: #6867ad;
	font-weight: 600;
	clear: both;
}


dl.productDetail dd{
	width: 375px;
	\width: 390px;
	w\idth: 375px;
	padding: 0 10px 0 5px;
	float: right;
	margin: 0;
	line-height: 2.5em;
	border-bottom: 1px solid #ddd;
}


dl.productDetail dt.title{
	width: 0;
	background: none;
	padding: 0;
	border: none;
}


dl.productDetail dd.title{
	width: 410px;	
	\width: 420px;
	w\idth: 410px;
	padding: 0 0 0 10px;
	border: none;
}


#Template_Content_HideAccessories h4, #Template_Content_RelatedProducts h4{
	border-bottom: 1px dotted #ccc;
	margin: 0 0 5px 0;
}

.optionsList li{
	width: 50%;
	float: left;
	line-height: 1.8em;
}


.relatedList{
	margin: 0 0 0 20px;
	list-style: square;
	line-height: 1.8em;
}

#Template_CC_CartVisibility{
	background: #fff url(../images/cart_bg.gif) no-repeat;
	width: 254px;
	height: 28px;
	position: absolute;
	right: 15px;
	top: 10px;
}

#Template_CC_CartVisibility li{
	display: inline;
	float: left;
}

#Template_CC_CartVisibility li#quantity{
	background: transparent url(../images/cart_quantity.gif) no-repeat;
	width: 158px;
	height: 21px;
	margin: 0 0 0 15px;
	text-indent: 85px;
	line-height: 21px;
	color: #85AE2C;
	font-weight: bold;
}

#Template_CC_CartVisibility li#checkout{
	background: transparent url(../images/cart_checkout.gif) no-repeat;
	text-indent: -9999px;
	width: 75px;
	height: 21px;
	margin: 0 6px 0 0;
}

#Template_CC_CartVisibility li#checkout a{
	display: block;
	text-indent: -9999px;
	width: 75px;
	height: 21px;
}


.cart{
	clear: both;
	width: 100%;
	margin: 0 0 10px 0;
	font-size: 1em;
}

.cart tr{
	line-height: 2em;
	padding: 10px 0;
}

.cart tr th{
	background: #85AE2C;
	color: #fff;
	padding: 0 5px;
}

.cart tr td{
	color: #333333;
	padding: 0 5px;
}


.cart tr.item{
	border-bottom: 1px solid #dddddd;
	height: 30px;
}

.cart tr.alternate{
	border-bottom: 1px solid #dddddd;
	background: #eee;
	height: 30px;
}

.cart tr.subtotal{
	font-weight: 800;
	text-align: right;
	height: 50px;
}

.cart tr.total{	
	color: #fff;
	font-weight: 800;
	background: #85AE2C;
}

.cart a{
	border-bottom: 1px dotted #9C9ACE;
}

.cart td.pricelink, .cart th.header{
	text-align: right;
}

.cart td input{
	float: right;
	text-align: right;
}

.dropdown{
	width: 200px;
	margin: 10px 0 10px 0;
}

#Template_Content_Add{
	float: right;
}

.cartbuttons{
	width: 250px;
	float: left;
}

#Template_Content_MyCheckOut{
	float: right;
}

.continue{
	float: right;
}

#breadcrumb{
	font-size: 0.9em;
	border-bottom: 1px solid #ddd;
	color: #666;
	padding: 0 0 6px 0;
	margin: 0 0 20px 0;
}


fieldset.productDetails, fieldset.selectProduct{
	border: none;
	border-top: 1px solid #85AE2C;
	padding: 10px 10px;
	margin: 0 0 10px 0;
}

fieldset.selectProduct{
	clear: both;
	border-top: 1px solid #6867AD;
}

fieldset.productDetails legend{
	color: #fff;
	background: #85AE2C;
	padding: 2px 5px;
}

fieldset.selectProduct legend{
	color: #fff;
	background: #6867AD;
	padding: 2px 5px;
}

fieldset.productDetails ul li{
	line-height: 1.8em;
}

/* affiliates */
#affiliatesMenu{
	width: 720px;
	border-bottom: 1px solid #ccc;
	float: left;
	margin: 0 0 10px 0;
	font-weight: 100;
}

#affiliatesMenu li{
	float: left;
	line-height: 2.2em;
	margin: 0 5px 0 5px;
	font-weight: 100;
	
}

#affiliatesMenu li a{
	display: block;
	padding: 0 5px;
	background: #6867AD;
	color: #fff;
}

#affiliatesMenu li a:hover, #affiliatesMenu li a.on{
	background: #84AE29;
	color: #fff;
}

/* new pager */
.accountPager{
	float: right;
	height: 30px;
}

.accountPager a.disabled{
	color: #eee;
}

.accountPager.firstPager, #Template_Content_FirstPage{
	background: transparent url(../images/icon_pager_first.gif) no-repeat 0 50%;
	padding: 0 0 0 15px;
	margin: 0 10px 0 0;
	height: 20px;
}

#Template_Content_PreviousPage, .accountPager.previousPager{
	background: transparent url(../images/icon_pager_previous.gif) no-repeat 0 50%;
	padding: 0 0 0 15px;
	margin: 0 10px 0 0;
}

#Template_Content_NextPage, .accountPager.nextPager{
	background: transparent url(../images/icon_pager_next.gif) no-repeat 100% 50%;
	padding: 0 15px 0 0;
	margin: 0 0 0 10px;
}

#Template_Content_LastPage, .accountPager.pagerLast{
	background: transparent url(../images/icon_pager_last.gif) no-repeat 100% 50%;
	padding: 0 15px 0 0;
	margin: 0 0 0 10px;
}

dl.info{
	width: 300px;
	float: left;
	background: #EFF0FF;
}

dl.info dt{
	width: 125px;
	\width: 130px;
	w\idth: 125px;
	padding: 0 0 0 5px;
	line-height: 2.2em;
	float: left;
	font-weight: 800;
}

dl.info dd{
	width: 165px;
	\width: 170px;
	w\idth: 165px;
	padding: 0 0 0 5px;
	line-height: 2.2em;
	float: left;
	margin: 0;
}

dl.info dt.alt, dl.info dd.alt{
	background: #fff;
}

ul.affiliates{
	margin: 0 0 20px 20px;
}

ul.affiliates li{
	line-height: 1.6em;
	list-style: square;
}

ul.affiliates ul{
	margin: 0 0 0 30px;
}

ul.affiliates ol{
	margin: 0 0 0 40px;
}

ul.affiliates ol li{
	list-style-type: decimal;	
}

.tier{
	width: 430px;
	\width: 450px;
	w\idth: 430px;
	padding: 10px;
	background: #FFFCF9;
	border: 1px solid #FFEFDF;
	border-right: 2px solid #FFF7EF;
	border-bottom: 2px solid #FFF7EF;
	margin: 0 0 10px 0;
}

.tier h1{
	margin: 0;
}

.tier h5{
	color: #6867AD;
	background: transparent;
	text-decoration: underline;
}


.condition{
	width: 430px;
	\width: 450px;
	w\idth: 430px;
	padding: 10px;
	margin: 0 0 20px 0;
	border: 1px solid #FFCFCF;
	border-right: 2px solid #FFCFCF;
	border-bottom: 2px solid #FFCFCF;
	background: #FFEFEF;
}

.longcondition{
	width: 690px;
	\width: 710px;
	w\idth: 690px;
	padding: 10px;
	margin: 0 0 10px 0;
	border: 1px solid #FFCFCF;
	border-right: 2px solid #FFCFCF;
	border-bottom: 2px solid #FFCFCF;
	background: #FFEFEF;
}

fieldset.whole{
	clear: both;
	border: none;
	border-top: 1px solid #6867AD;
	padding: 10px 10px;
	margin: 0 0 10px 0;
}


fieldset.whole legend{
	color: #fff;
	background: #9A99C8;
	padding: 2px 5px;
	font-weight: 800;
}

fieldset.accountLeft{
	width: 310px;
	\width: 330px;
	w\idth: 310px;
	border: none;
	border-top: 1px solid #6867AD;
	padding: 10px 10px;
	margin: 0 0 10px 0;
	float:left;
}

fieldset.accountRight{
	width: 310px;
	\width: 330px;
	w\idth: 310px;
	border: none;
	border-top: 1px solid #6867AD;
	padding: 10px 10px;
	margin: 0 0 10px 0;
	float: right;
}

fieldset.accountLeft legend, fieldset.accountRight legend{
	color: #fff;
	background: #9A99C8;
	padding: 2px 5px;
	font-weight: 800;
}


.sitemap{
	margin: 0 0 0 40px;
}

.sitemap li{
	line-height: 2em;
	list-style: decimal;
	
}

.sitemap ul{
	margin: 0 0 0 20px;
}

.sitemap ul li{
	list-style: lower-roman;
}