/*
	CDSHOP Template for cdonline.info
	Design by web2web.ir
	info{at}web2web{dot}ir
*/

html,body {	
	padding: 0;
	margin: 0;
	line-height:12px; 
	text-align: center;
	direction:rtl;
	color: rgb(51,51,51);
	Font: 8pt "Tahoma", Trebuchet MS ,Arial !important;
	font-size-adjust:none;
	font-stretch:normal;
	background: rgb(243,242,232) url(images/mbg.jpg) center top repeat-x ; /* page background */
}

a{
	text-decoration:none;
	color:rgb(51,119,204);
}

a:hover{
	color:rgb(204,51,0);
}

hr{
	height:0;
	border:0;
	border-bottom:1px dashed rgb(200,200,200);
}

.small{
	font-size:7pt;
}

#fleft{
	float:left;
        margin:0 10px 10px 10px;
}

#fright{
	float:right;
}

.dltr{
	text-align:left;
	direction:ltr;	
}

.drtl{
	text-align:right;
	direction:rtl;
}

input,textarea,select{
	Font: 9pt "Tahoma", Arial, Trebuchet MS, Times New Roman !important;
}

input {
	padding:2px;
}

select {
	padding:2px;
}

.main {
	margin:0 auto;
	padding:3px;
	width:980px;
	line-height:16px; 
}

#top{
	padding:12px 12px;
}


#header{
	margin:12px 0;
}

#header #hdr{
	
	height:118px;
	background: rgb(246,247,241) url(images/hdr_bg.jpg) left top repeat-x;
}

#header #hdr #hdr_l{
	float:left;
	width:360px;
	height:118px;
	background: url(images/hdr_l.jpg) left top no-repeat;
}

#header #hdr #hdr_m{
	float:left;
	width:180px;
	height:73px;
	text-align:right;
	font-size:7pt;
	color:rgb(160,157,114);
	padding:45px 12px 0 12px;
}

#header #hdr #hdr_r{
	float:right;
	width:370px;
	height:118px;
	background: url(images/hdr_r.jpg) right top no-repeat;
}

#header #hdr #hdr_r #hdr_r_menu{
	text-align:right;
}

#header #hdr #hdr_r #hdr_r_menu div{
	padding:17px 25px 17px 0;
	text-align:left;
	width:100px;
}

#header #hdr #hdr_r #hdr_r_menu a{
	display:block;
	padding:0 0 4px 15px;
	color:rgb(0,0,0);
	background:url(images/alr.gif) left center no-repeat;
}

#header #hdr #hdr_r #hdr_r_menu a:hover{
	color:rgb(56,66,16);
}

#header #hdr_m input {
	padding:0;
	margin:3px;
	color:rgb(108,106,74);
	border:0px solid #000;
	background:transparent;
}

#header #hdr_m .h_input {
	margin:3px;
	display:block;
	float:right;
	width:132px;
	height:23px;
	text-align:center;
	background: rgb(246,247,241) url(images/input.jpg) center center no-repeat;
}
#header #hdr_m .h_input input {
	width:123px;
	height:16px;
	margin:3px 2px 0 2px;
	padding:1px;
}

#header #hdr_m .h_submit {
	float:right;
	margin:3px 2px 0 2px;
	width:24px;
	height:24px;
	background: rgb(246,247,241) url(images/search_btn.gif) center center no-repeat;
}

#header #hdr_m .h_select {
	float:right;
	margin:3px 0 0 2px;
	width:132px;
	height:23px;
	color:rgb(108,106,74);
	border:1px rgb(216,215,195) solid;
	-moz-border-radius:4px;
	background: rgb(248,248,246);
}


#header #menu{
	margin:12px 0;
	width:100%;
	height:45px;
	background: rgb(172,203,48) url(images/menu_bg.gif) right top repeat-x;
}

#header #menu #m_l{
	float:left;
	width:11px;
	height:45px;
	background: url(images/menu_l.gif) right top no-repeat;
}

#header #menu #m_r{
	float:right;
	width:12px;
	height:45px;
	background: url(images/menu_r.gif) right top no-repeat;
}

#header #menu #m_i{
	height:45px;
	text-align:right;
}

#m_i a{
	float:right;
	height:45px;
	text-align:center;
	display:block;
	color:rgb(254,254,254);
	border:0;
	/*border-left: 1px rgb(154,189,37) solid;*/
}

#m_i a#m_item{
	width:70px;
	font-size:14px;
	font-weight:600;
	background: url(images/m_br.gif) left top no-repeat;

}

#m_i a#m_home{
	width:121px;
	background: url(images/m_home.gif) right top no-repeat;
}

#m_i a#m_contact{
	width:94px;
	background: url(images/m_contact.gif) right top no-repeat;
}

#m_i a#m_help{
	width:127px;
	background: url(images/m_help.gif) right top no-repeat;
}


#m_i a#m_webmasters{
	width:127px;
	background: url(images/m_webmasters.gif) right top no-repeat;
}
#m_i a#m_nagdi{
	width:127px;
	background: url(images/m_nagdi.gif) right top no-repeat;
}
#m_i a#m_dalil{
	width:127px;
	background: url(images/m_dalil.gif) right top no-repeat;
}


/* content */

#content {
	margin-bottom:7px;
}

#content #r_side {
	float:right;
	width:748px;
	text-align:right;
}

#content #l_side {
	float:right;
	width:230px;
	text-align:right;
margin:0px 0px 0 2px;
}

#content #r_side #rs_news{
	float:left;
	padding:10px;
	margin:0 10px 7px 7px;
	width:720px;
	background:rgb(255,255,255);
	border:1px solid rgb(213,213,209);
	-moz-border-radius:5px;
}

#content #r_side #rs_product{
	float:left;
	padding:10px;
	margin:0 10px 0 7px;
	width:565px;
	background:rgb(255,255,255);
	border:1px solid rgb(213,213,209);
	-moz-border-radius:5px;
}

#r_side #rs_product .pimg{
	padding:5px 0 0 10px;
	vertical-align: top;
}

#r_side #rs_product .pimg img{
	height:90px;
	width:90px;
}

#content #r_side #rs_product hr{
	margin:7px 0;
}

#content #r_side #rs_product .p_info{
	margin:7px 0;
	width:100%;
}

#content #r_side #rs_product .p_info img{
	margin-right:3px;
	width:103px;
	height:24px;
}

#content #r_side #rs_product #pages{
	text-align:center;
}
#content #r_side #rs_product #pages a{
	padding:0 1px;
}

#content #r_side #rs_product #rs_ads{
	margin:30px 0 7px 0;
	padding-top:12px;
	text-align:center;
	border-top:1px dashed rgb(200,200,200);
}


#content #r_side #rs_categories{
	float:right;
	padding:5px;
	width:130px;
	background:rgb(232,231,219);
	border:1px solid rgb(213,213,209);
	-moz-border-radius:5px;
}

#content #r_side #rs_categories a{
	color:rgb(60,60,60);
}

#content #r_side #rs_categories a:hover{
	color:rgb(204,51,0);
}


#content #l_side a{
	color:rgb(70,70,70);/*5,40,66*/
}

#content #l_side a:hover{
	color:rgb(40,142,172);
}

#content #l_side #ls_banner {
	height:200px;
	background:rgb(215,213,191) url(images/sidebanner.jpg) center center;
	-moz-border-radius:4px;
}

#content #l_side #ls_popular {
	padding:5px;
	margin-top:12px;
	background:rgb(250,250,248);
	border:1px solid rgb(213,213,209);
	border-top-width:2px;
	-moz-border-radius:4px;
}

#content #l_side #ls_popular #prt {
	float:left;
	width:18px;
	height:84px;
	padding:0 2px 1px 0;
	background: transparent url(images/popular_t.png) left top no-repeat;
}

#content #l_side #ls_last #lst {
	float:left;
	width:18px;
	height:91px;
	padding:0 2px 1px 0;
	background: transparent url(images/last_t.png) left top no-repeat;
}

#content #l_side #ls_last {
	padding:5px;
	margin-top:12px;
	background:rgb(250,250,248);
	border:1px solid rgb(213,213,209);
	border-top-width:2px;
	-moz-border-radius:4px;
}

#content #l_side #ls_last #i5{
margin: 10px 0px 5px 0px;
	padding:10px 0px 0px 0px;
} 
#content #l_side #ls_fast_contact{
	padding:7px;
	margin-top:12px;
	background:rgb(232,231,219);
	border:1px solid rgb(213,213,209);
	-moz-border-radius:4px;

}

#content #l_side #ls_pursuit{
	padding:7px;
	margin-top:12px;
	height:80px;
	text-align:right;
	background:rgb(250,250,248);
	border:1px solid rgb(213,213,209);
	-moz-border-radius:4px;
}

#content #l_side #ls_pursuit #psub{
	float:left;
	width:24px;
	height:24px;
	margin-left:3px;
	background:url(images/search_btn.gif) center center no-repeat;
	border:0;
}

#content #l_side #ls_pursuit div{
	float:left;
	width:132px;
	height:23px;
	margin-left:5px;
	background: url(images/input.jpg) center top no-repeat;
	border:0;
}

#content #l_side #ls_pursuit div input{
	width:124px;
	height:17px;
	padding:4px 5px 0 5px;
	border:0px solid #000;
	background: transparent;
}

#content #l_side #ls_support{
	padding:7px;
	margin-top:12px;
	background:rgb(250,250,248);
	border:1px solid rgb(213,213,209);
	-moz-border-radius:4px;
}

#footer{
	clear:both;
	padding:3px;
	margin:7px;
	color:rgb(100,100,100);
}

#footer a{
	color:rgb(100,100,100);
}

#footer a:hover{
	color:rgb(55,55,55);
}


/* contact */

.contact table{
	margin:7px 12px;
	width:90%;
}

.contact table td{
	padding:4px;
}

.contact table td input{
	padding:2px;
	width:200px;
}

.contact .cntinpt{
	padding:2px;
	width:45px;
	height:23px;
	border:0;
	color:rgb(255,255,255);
	background:rgb(204,43,0) url(images/send.png) center center no-repeat;
}

.contact table td textarea{
	padding:2px;
	width:350px;
	height:130px;
}

.contact table .t1{
	width:100px;
}

.contact table .t2{
	width:400px;
}
.tabs {
	padding: 0;
	margin-bottom: 10px;
}

#single-content {
	background-color: #FEFEFC;
	padding: 10px;
	text-align: justify;
	margin-top: -12px;
	border-top: 1px solid #FEFEFC;
	border-right: 1px solid #E8E5D6;
	border-bottom: 1px solid #E8E5D6;
	border-left: 1px solid #E8E5D6;
}

ul#Tabs {
	list-style-type: none;
	padding: 0 0 31px 0;
	border-bottom: 1px solid #E8E5D6;
	margin: 0 0 12px 0;
	z-index: 1;
}

#Tabs li.Tab {
	float: right;
	height: 28px;
	background-color: #F5F3E9;
	margin: 2px 0px 0px 5px;
	border: 1px solid #E8E5D6;
}

#Tabs li.Tab A {
	float: left;
	display: block;
	color: #666666;
	text-decoration: none;
	padding: 5px;
}

#Tabs li.Tab A:hover {
	background-color: #E8E5D6;
}

#Tabs li.SelectedTab {
	float: right;
	height: 28px;
	background-color: #FEFEFC;
	margin: 2px 0px 0px 5px;
	border-top: 1px solid #E8E5D6;
	border-right: 1px solid #E8E5D6;
	border-bottom: 1px solid #FEFEFC;
	border-left: 1px solid #E8E5D6;
}

#Tabs li.SelectedTab A {
	float: left;
	display: block;
	color: #666666;
	text-decoration: none;
	padding: 5px;
	cursor: default;
}

#preamble  {
	padding: 0;
	margin: 0;
}

#feature  {
	display: none;
	padding: 0;
	margin: 0;
}

#gallery  {
	display: none;
	padding: 0;
	margin: 0;
}
.commentlist {
	margin: 0;
	padding: 0; }
 
.comment {
	background: #F1F1F1;
	margin-bottom: 5px;
	display: block;
	padding: 10px; }
 
	.comment .avatar {
		float: right;
		border: 1px solid #e5e5e5;
		padding: 1px; }
 
.alt { background: #F1F1F1; }
 
.admin { background: #E1F3FD; }
 
#respond { margin-top: 18px; }
 
textarea { width: 500px; }
