<style type="text/css">
/*   



	Theme Name: Portal



	Theme URI: Souqmobi



	Description: 



	Author: BeenTV



	Author URI: http://www.souqmobi.com/



	Version: 1.0



	Tags:  four-columns, advertise-ready, widget-ready, advanced-theme-options



*/







/*----------------------------------------------------------------------------------------







INDEX







	 1. Reset



	 2. Defaults



	 3. Hyperlinks



	 4. Advertisement



	 5. Search Form



	 6. Header



	 7. Vertical Menu



	 8. Horizontal Menu



	 9. Wrappers



	10. Columns



	11. Featured Content Slider



	12. Postbox



	13. Content



	14. Entry



	15. Archive



	16. Images



	17. Sidebar



	18. Tabber



	19. Widgets



	20. Calendar



	21. Comments



	22. Comment Framework



	23. Comment Form



	24. Pagination



	25. Footer



	26. Brand Menu



	27. menu bar



	 



------------------------------------------------------------------------------------------*/











/* 1. Reset */



body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th { margin: 0px; padding: 0px; }



/*edit by zohaib general td variation*/





table { border-collapse: collapse; border-spacing: 0px; }



tr { vertical-align: top; }



fieldset, img { border: 0px; }



abbr, acronym { border: 0px; }



address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal; }



h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }



ol, ul { list-style: none; }



caption, th { text-align: left; }



q:before, q:after { content: ''; }	



.clear { clear: both; }



.right { float: right; }



.left { float: left; }



	



/* 2. Defaults */



body {  background-repeat: repeat-x; font: 12px/17px Arial, Helvetica, sans-serif; color: #222; }



input { font-family: Arial, Helvetica, sans-serif; }



.thumb img { background: #fff; padding: 1px; border: 1px solid #f0f0f0; }



.rss { background: url(images/rss.gif) no-repeat 4px 1px; padding: 0px 0px 0px 19px !important; }



	



/* 3. Hyperlinks */



a, a:visited, a:active { color: #222; text-decoration: none; }



a:hover { color: #16387c; text-decoration: underline; }



a:focus, a:hover, a:active { outline: none; }



a img { border: none; }







/* 4. Advertisement */



.ad468x60 { width: 468px; height: 60px; }



.ad300x250 { width: 300px; height: 250px; margin: 0px 0px 10px 0px; }



.ad160x600 { width: 160px; height: 600px; margin: 0px 0px 10px 0px; }



	



/* 5. Search Form */



#searchform { margin: 0px 0px 0px 10px; }	



.searchinput { width: 120px; height: 13px; padding: 2px 2px 2px 2px; font-size: 11px; color: #666; border: 1px solid #e6e6e6; }



.searchsubmit { background: url(images/searchbg.gif) repeat-x center; height: 19px; padding: 1px 2px 1px 2px; font-size: 11px; font-weight: bold; color: #333; border: 1px solid #e6e6e6; cursor: pointer; }



	



/* 6. Header */



#header { width: 980px; height: 178px; margin: 0px auto; padding: 0px 0px; line-height: 25px; }



#headline { width: 982px; margin: 0px auto; padding: 5px 0px 5px 0px; font-size: .9em; line-height: 22px; border-bottom: 2px solid #16387c; }	



.imagelogo { float: left; background: url(images/logo.png) no-repeat; width: 200px; height: 60px; cursor: pointer; }



.textlogo {float: left; margin: 0px 0px 0px 5px; font-family: impact; font-size: 48px;line-height: 60px; }	



.textlogo a, .textlogo a:hover { color: #16387c; text-decoration: none; }



.home {  no-repeat 2px 7px !important; }







/* 7. Vertical Menu */



.vertical ul { width: 160px; border-top: 1px solid #e6e6e6; }



.vertical li a { display: block; background: #f9fafa url(images/arrow_right.gif) no-repeat 2px 6px; width: 131px; padding: 6px 10px 6px 17px; text-decoration: none; font-size: 1em; font-weight: bold; color: #222; border-left: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; }



.vertical li a:hover { color: #16387c; text-decoration: none; }



.vertical li { display: inline; }



.vertical li ul { position: absolute; margin: -31px 0px 0px 159px; }







/* 8. Horizontal Menu */



.horizontal ul { display: block; list-style-type: none; }



.horizontal li { float: left; display: inline; background: url(images/bullet.gif) no-repeat center right; padding: 0px; list-style: none; }



.horizontal li a { float: left; display: block; padding: 0px 10px; text-decoration: none; border-left: none; }



.horizontal li li { background: none !important; }



.horizontal li li a { padding: 6px 10px; line-height: 16px; border-top: none; border-bottom: 1px solid #e6e6e6; }



.horizontal li ul { display: block; background: #f9fafa; position: absolute; width: 134px; height: auto; margin-top: 20px; margin-left: -1px; border-top: 1px solid #e6e6e6; border-left: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6; }



.horizontal li li ul { position: absolute; margin-top: .1em; margin-left: 100px; }



.horizontal li ul li a { width: 114px; }



.inaccesible li ul { display: none; }



	



/* 9. Wrappers */



#wrapper { background: #fff; width: 990px; margin: 0px auto; padding: 10px; box-shadow: 0px 0px 5px #bbb; -moz-box-shadow: 0px 0px 5px #bbb; -webkit-box-shadow: 0px 0px 5px #bbb; }



#leftwrapper { float: left; width: 650px; }



#pagewrapper { float: left; width: 960px; }







/* 10. Columns */



#column1 { float: right; width: 295px; margin:2px 0px ; }



#column2 { float: right; width: 480px; padding: 0px 0px 0px 0px; }



#column3 { float: left; width: 300px; }



	



/* 11. Featured Content Slider */



#slider { background: #f9fafa; width: 473px; margin: 0px 0px 10px 0px; padding: 6px 0px 6px 5px; border: 1px solid #e6e6e6; }



#featured { width: 373px; padding-right: 95px; position: relative; height: 236px; background: #222; }



#featured ul.ui-tabs-nav { position: absolute; background: #333; top: 0px; left: 373px; width: 95px; list-style: none; color: #fff; }



#featured ul.ui-tabs-nav li { float: left; padding: 0px 0px 1px 0px; }



#featured ul.ui-tabs-nav li img { float: left; background: #fff; margin: 3px; padding: 1px; border: 1px solid #666; }



#featured li.ui-tabs-nav-item a { display: block; background:#444; height: 54px; padding: 2px; }



#featured li.ui-tabs-nav-item a:hover { background: #555; }



#featured li.ui-tabs-selected { padding: 0px 0px 1px 0px; }



#featured ul.ui-tabs-nav li.ui-tabs-selected a { background: #333; }



#featured .ui-tabs-panel { background: #000; width: 373px; margin: 0px; padding: 0px; position: relative; }



#featured .ui-tabs-panel .info { position: absolute; background: #111; width: 357px; bottom: 0px; left: 0px; opacity: .75;filter: alpha(opacity=75); padding: 8px;}	



#featured .info h2 { font-size: 18px; color: #fff; line-height: 22px; overflow: hidden; }



#featured .info a { text-decoration: none; color: #fff; }



#featured .info a:hover { text-decoration: underline; }



#featured .ui-tabs-hide { display: none; }



	



/* 12. Postbox */



.postbox { width: 235px; margin: 0px 0px 10px 0px; }



.postbox h1 { background: #f9fafa url(images/menu.jpg) repeat-x; height: 28px; padding: 0px 0px 0px 10px; font-size: 1em; font-weight: bold; line-height: 29px; border: 1px solid #e6e6e6; }



.postbox h1 a, .postbox h1 a:visited { color: #222; }



.postbox h1 a:hover { color: #16387c; text-decoration: none; }



.postbox h2 { font-size: 1em; font-weight: bold; line-height: 16px; }



.postbox h2 a, .postbox h2 a:visited { color: #16387c; }



.postbox ul { padding: 2px 0px 0px 0px; }



.postbox ul li { background: url(images/bullet.gif) no-repeat 0px 7px; padding: 0px 0px 6px 7px; font-size: 1em; line-height: 15px; }



.postbox ul li a, .postbox ul li a:visited { color: #222; }



.postbox ul li a:hover { color: #16387c; }



.boxcontent { background: #fff; padding: 10px; border-left: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; }



.boxcontent h5 { margin: 0px; padding: 3px 0px 4px 0px; color: #666; }



.boxcontent h5 a, .boxcontent h5 a:hover { color: #666; }



.more { margin: 10px 0px 5px 0px; }







/* 13. Content */



#fullcontent { float: left; background: #fff; width: 938px; padding: 10px; border: 1px solid #e6e6e6; }



#content { float: left; background: #fff; width: 620px; padding: 0px; margin:2px 0px ; }



#breadcrumb-align { float: left; background: #fff; width: 400px;  padding-left:0px; margin:2px 0px ; }



.pagetitle { padding: 3px 0px 10px 0px; font-size: 18px; font-weight: bold; }



.posttitle { margin: 0px 0px 10px 0px; font-size: 22px; color: #333; line-height: 24px; }



.posttitle a, .posttitle a:visited { color: #222; }



.postmeta { padding: 2px 0px 1px 0px; }



.browse {

    border-bottom: 0 solid #E6E6E6;

    color: #333333;

    font-size: 11px;


}

#browsetag {

    border-bottom: 0 solid #E6E6E6;

    color: #333333;

    font-size: 11px;

    padding: 0 1px 5px;

}

.browse a, .browse a:visited { color: #16387c; }







/* 14. Entry */



.entry { padding: 15px 0px 10px 0px; color: #222; line-height: 1.4em; border-top: 1px solid #e6e6e6; }



.entry p { padding-bottom: 10px; }



.entry strong { font-weight: bold; }



.entry em { font-style: italic; font-weight: normal; }



.entry strong em, .entry em strong { font-style: italic; font-weight: bold; }



.entry h1 { font-size: 20px; font-weight: bold; padding: 0px 0px 7px 0px; }



.entry h2 { font-size: 18px; font-weight: bold; padding: 0px 0px 7px 0px; }



.entry h3 { font-size: 16px; font-weight: bold; padding: 0px 0px 7px 0px; }



.entry h4 { font-size: 14px; font-weight: bold; padding: 0px 0px 7px 0px; }



.entry h5 { font-size: 13px; font-weight: bold; padding: 0px 0px 7px 0px; }



.entry h6 { font-size: 12px; font-weight: bold; padding: 0px 0px 7px 0px; }



.entry a { color: #16387c; }



.entry a:hover { color: #16387c; text-decoration: underline; }



.entry a img { border: none; }



.entry ul { margin: 0px 0px 0px 7px; padding-bottom: 10px; list-style: none;}



.entry ol { margin: 0px 0px 10px 25px; list-style-type: decimal; }



.entry ol ol { list-style: upper-alpha; }



.entry ol ol ol { list-style: lower-roman; }



.entry ol ol ol ol { list-style: lower-alpha; }



.entry ul ul, .entry ol ol, .entry ul ol, .entry ol ul { margin-bottom: 0px; }



.entry ul li { background: url(images/bullet.gif) no-repeat 0px 9px; padding: 3px 0px 3px 8px; font-size: 12px; line-height: 15px; }



.entry ol li { padding: 3px 0px 3px 0px; font-size: 12px; line-height: 15px; }	



.entry li a:link, .entry li a:visited { color: #222; }



.entry li a:hover { color: #16387c; }



.entry li ul { margin: 0px;padding: 0px; }



.entry del { text-decoration: line-through;color: #aaa; }



.entry ins { text-decoration: underline; font-weight: bold; }



.entry code { display: block; background: #f9f9f9;margin: 10px 0px; padding: 10px; font: 12px Monaco, monospace; color: #333; border-left: 4px solid #e6e6e6; }



.entry blockquote { background: #f9f9f9; font-size: 12px; line-height: 16px; color: #333; margin: 15px 0px; padding: 10px; border: 1px solid #e6e6e6; }



.entry blockquote cite { display: block; margin: 5px 10px 5px 10px; font-size: 12px; color: #555; font-style: italic; text-align: left; }



.entry blockquote.alignright { width: 40%; margin: 0px 0px 10px 1em; }



.entry blockquote.alignleft { width:40%; margin: 0px 1em 10px 0px; }



.entry blockquote p { margin: 0px; }



.entry hr { background: #e6e6e6; color: #e6e6e6; clear: both; width: 100%; height: 1px; margin: 15px 0px; border: none; }



.entry input, .entry textarea { font-size: 1em; padding: 3px; }



.tags { background: #fff url(images/tag.gif) no-repeat 0px 0px; margin: 5px 0px 0px 0px; padding: 0px 0px 0px 20px; color: #222; }



.tags a, .tags a:visited { color: #222; text-decoration: none; }



.tags a:hover { color: #16387c; text-decoration: underline; }







/* 15. Archive */



.archive { padding: 15px 0px; }



.archive .thumb { padding: 0px 10px 0px 0px; }



.archive h2 a, .archive h2 a:visited { color: #222; }	







/* 16. Images */



img.centered { display: block; margin-left: auto; margin-right: auto; margin-bottom: 10px; padding: 0px; }



img.alignnone { padding: 0px; margin: 0px 0px 10px 0px; display: inline; }



img.alignright { padding: 0px; margin: 0px 0px 10px 10px; display: inline; }



img.alignleft { padding: 0px; margin: 0px 10px 10px 0px; display: inline; }



.aligncenter { display: block; margin-left: auto; margin-right: auto; margin-bottom: 10px; }



.alignright { float: right; margin: 0px 0px 10px 10px; }



.alignleft { float: left; margin: 0px 10px 10px 0px; }



.wp-caption { background: #F7F7F7; text-align: center; padding: 4px 0px 5px 0px; border: 1px solid #e6e6e6; }



.wp-caption img { margin: 0px 0px 5px 0px; padding: 0px; border: 0px; }



.wp-caption p.wp-caption-text { margin: 0px; padding: 0px; font-size: 11px; font-weight: normal; line-height: 12px; }







/* 17. Sidebar */



#pageright { float: right; width: 400px;}



#sidebar { float: right;background: #fff;width: 300px; }



#sidebar li ul { border: none;}



#sidebar a, #sidebar a:visited { color: #222; }



#sidebar a:hover { color: #16387c; }



.leftsidebar { width: 110px; margin: 10px 0px 0px 0px; }



.box { background: #fff; margin: 0px 0px 10px 0px; padding: 5px 10px 10px 10px; color: #222; border-left: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; }







/* 18. Tabber */



.tabber { width: 300px; margin: 0px 0px 10px 0px; }



.tabber ul { background: #fff; }



.tabs { display: block; margin: 0px 1px 0px 0px; }



.tabs li { float: left; display: inline; background: #f9fafa url(images/menu.jpg) repeat-x; }



.tabs li a { display: block; margin: 0px -1px 0px 0px; padding: 6px 10px; font-size: 1em; font-weight: bold; border: 1px solid #e6e6e6; }



.tabs li a:hover { background: #fff; color: #16387c; text-decoration: none; }



.tabs li a.selected, .tabs li a.selected:hover { background: #fff; color: #16387c; border-bottom: 1px solid #fff;}



.tabcontent { display: none; width: 278px; margin: -1px 0px 0px 0px; padding: 10px 10px 5px 10px; border: 1px solid #e6e6e6; }



.tabcontent li { background: #fff url(images/bullet.gif) no-repeat 0px 8px;padding: 0px 0px 5px 8px; }







/* 19. Widgets */



.fullwidget { width: 300px;}



.leftwidget { float: left; width: 145px; }



.rightwidget { float: left; width: 145px;}



.leftsidebar ul li, .fullwidget ul li, .leftwidget ul li, .rightwidget ul li, #pageright ul li { background: #fff url(images/bullet.gif) no-repeat 0px 13px; padding: 5px 0px 0px 8px; }



.leftsidebar h3, .leftwidget h3, .rightwidget h3, .fullwidget h3, #pageright h3 { background: #f9fafa url(images/menu.jpg) repeat-x; height: 28px; padding: 0px 10px; font-size: 1em; font-weight: bold; line-height: 29px; border: 1px solid #e6e6e6; }



.leftsidebar h3 a { text-decoration: none; line-height: 29px; }



.leftsidebar a { font-size: 1em; line-height: 15px; }



.leftsidebar h2 a { color: #16387c;}



.leftsidebar span { float: right; width: 92px; }



.leftnews { padding: 7px 0px 7px 0px; border-bottom: 1px dotted #e6e6e6; }



.leftnews .thumb { float: left; }



.rsswidget img { width: 12px; height: 12px; }







/* 20. Calendar*/



#wp-calendar { width: 100%; }



#wp-calendar, #wp-calendar th, #wp-calendar caption { text-align:center; }



#wp-calendar th { background: #f5f5f5; padding: 3px; border: 1px solid #f0f0f0; }



#wp-calendar td { padding: 5px 2px; border: 1px solid #f0f0f0; }



#wp-calendar caption { background:transparent; font-weight:bold;padding: 3px 0px 7px 0px; color: #333; }



#wp-calendar #today { background: #f5f5f5; font-weight:bold; }







/* 21. Comments */



#respond { margin: 10px 0px 0px 0px; }



#respond p { color: #777;margin: 0px; }



.comments-box { padding: 20px 0px 0px 0px; border-top: 1px solid #e6e6e6; }



.comments-box h2 { margin: 0px;padding: 0px; font-size: 18px; letter-spacing: -1px;color: #222; }



.cancel-comment-reply { padding: 5px 0px 0px 0px; font-size: 11px; }



.text { border: 1px solid #e6e6e6; padding: 2px; color: #777; width: 200px; }







/* 22. Comment Framework */



#pings { margin-bottom: 40px; }		



ul.children { margin-left: 0px; }



ol.commentlist { margin: 20px 0px 0px 0px; }	



cite.fn { font-size: 14px; font-weight: bold; letter-spacing: -0.05em; display: block; padding-top: 9px; }	



cite.fn a, cite.fn a:hover { color: #333; text-decoration: none; }



span.says { display: none; }



.commentlist li { margin: 0px 0px 10px 0px; padding: 10px; background: #f6f6f6;	list-style: none; border: 1px solid #e9e9e9; }



.commentlist li.depth-2 { background: #ffffff; border: 1px solid #e9e9e9; margin-left: 10px; }



.commentlist li.depth-3	{ background: #f6f6f6; border: 1px solid #e9e9e9; margin-left: 10px; }



.commentlist li.depth-4	{ background: #ffffff; border: 1px solid #e9e9e9; margin-left: 10px; }



.commentlist li.depth-5	{ background: #f6f6f6; border: 1px solid #e9e9e9; margin-left: 10px; }



.commentlist code { background: #e6e6e6; padding: 3px; }



.commentlist .moderation { margin-top: 10px; color: #660000; }



.commentlist .children { margin-top: 15px; }



.commentlist p { clear: both; }



.comment-author { margin-bottom: 5px; }



.avatar { margin-right: 10px; float: left; padding: 1px; border: 1px solid #e6e6e6; background: #fff; }



.reply { margin: 10px 0px 0px 0px; }



.reply a, .reply a:visited  { background: #666; color: #fff; padding: 3px 6px; text-align: center; text-decoration: none !important; font-size: 11px; -moz-border-radius: 2px; -webkit-border-radius: 2px; }



.reply a:hover { background: #333; color: #fff; }



.comment-meta { float: left; margin-bottom: 15px; }



.comment-meta a { color: #222; }



.comment-date a, .comment-date a:visited { color: #888; font-size: 1.1em; }







/* 23. Comment Form */



#commentform input { width: 210px; margin: 7px 3px 0px 0px; padding: 4px; font-size: 1.1em; border: 1px solid #ddd; }



#commentform .author, #commentform .email, #commentform .url { padding: 5px; background: #fff; color: #999; font-style: italic; }



#commentform textarea { width: 75%;height: 100px;margin: 7px 0px 0px 0px; padding: 2px; font-family: Arial, Helvetica, sans-serif; font-size: 1.1em; line-height: 16px; border: 1px solid #ddd; }



#commentform .submit { background: #666; width: auto; color: #fff; padding: 3px 10px; text-align: center; font-size: 14px; font-weight: bold; cursor: pointer; }







/* 24. Pagination */



.pagenavi { padding: 10px 0px 0px 0px; }



.nextprev a { padding: 7px 0px; }







/* 25. Footer */



#footer { background: #ddd; background-image: url(images/bg.jpg); background-repeat: repeat-x; width: 960px; margin: 0px auto; padding: 10px 10px 5px 10px; font-size: 11px; box-shadow: 0px 0px 5px #bbb; -moz-box-shadow: 0px 0px 5px #bbb; -webkit-box-shadow: 0px 0px 5px #bbb; }



#footer h3 { width: 220px; margin: 0px 0px 5px 0px; padding: 0px 0px 2px 0px; font-size: 1.1em; font-weight: bold; border-bottom: 1px solid #e6e6e6; }



#footer ul { display: block; float: left;}



#footer ul li { background: url(images/bullet.gif) no-repeat 0px 8px; padding: 0px 0px 4px 7px; }



#bottom { width: 980px; margin: 0px auto 10px auto; font-size: 11px; text-align: center; }



.footerwidget { width: 220px; padding: 5px 10px;}	







/* brandmenu.css */



#brandmenu {



	float: left;



	width: 78px;



	margin-top: 3px;



    position: relative;



	padding: 0;



	border-bottom: 2px solid #777;



	background: #f6f6f6;



	clear: left;



}







#brandmenu h2 {



	padding:3px 0 3px 4px;



	font-size: 13px;



	text-transform: uppercase;



	border-bottom: 1px solid #d9d9d9 !important;



	position: relative;



	margin: 1px 0 0 0;



	color: #B23F33;



}







#brandmenu a {



	color: #999;



	text-decoration: none;



	padding: 3px 0;



}







#brandmenu ul {



	background: #f6f6f6;



	border-top: 1px solid #c5c5c5;







}







#brandmenu li {



	display: block;



	font: bold 11px Tahoma, Arial, sans-serif;



	border-bottom: 1px dotted #e5e5e5; 



	padding: 0x;



}







#brandmenu li a,



#brandmenu li strong {



	background: url("http://st2.gsmarena.com/pic/i2/li-brandmenu.gif") no-repeat 6px 7px;



    display: block;



    padding: 2px 6px 2px 12px;



}











#brandmenu li.on a:hover {



	background:#eee url("http://st2.gsmarena.com/pic/i2/li-brandmenu.gif") no-repeat 6px 7px;



    color: #555555;



}







#brandmenu li a:hover {



	color: #b23f33;



	background: #fcfcfc url("http://st2.gsmarena.com/pic/i2/li-brandmenu.gif") no-repeat scroll 6px 7px;



}







#brandmenu li.on a,



#brandmenu li.on strong {



	background:#ddd url("http://st2.gsmarena.com/pic/i2/li-brandmenu.gif") no-repeat 6px 7px;



    color: #555555;



}







.more-buttons { 



	background-color: #7b7b7b;



	background: rgba(0,0,0,.5); 



}







#brandmenu .more-buttons a {



	color: #fafafa;



	font: bold 11px Tahoma, Arial, sans-serif;



	text-transform: uppercase;



	display: block;



	padding: 2px 4px 4px 28px;



	background:  url("../i/mega-sprite.gif") no-repeat; 



}











#brandmenu #brandmenu-phone-finder a,



#brandmenu #brandmenu-phone-finder a:hover {



	background-position: 8px -655px;



	border-top: solid 1px #666;



}







#brandmenu #brandmenu-rumor-mill a,



#brandmenu #brandmenu-rumor-mill a:hover {



	border-top: solid 1px #666;



	background-position: 6px -682px;



}







#brandmenu #brandmenu-all-brands a,



#brandmenu #brandmenu-all-brands a:hover {



	border-top: 1px solid #999;



	background-position: 6px -715px;



}







#brandmenu .more-buttons a:hover {



	color: #fff;



	text-decoration: underline;



	background: #6e6e6e url("../i/mega-sprite.gif") no-repeat;



	background: rgba(0,0,0,.1) url("../i/mega-sprite.gif") no-repeat; 



}







/* brand css*/



.imgBorder



{



    border:2px solid #E2E2E2;



    padding:3px;



}



.imgBorder:hover



{



    border:3px solid #7A7A7A;



    padding:3px;











/* 13. display */



#display { 



width: 50px; padding: 2px; border: 1px solid #e6e6e6; margin:1px 4px ; 



}







.col { width:150px; float:left; margin-right:5px; }







/* Nav */



#nav2 {



	margin: 0;



	padding: 7px 6px 0;



	background: #7d7d7d url(images/gradient.png) repeat-x 0 -110px;



	line-height: 100%;







	border-radius: 2em;



	-webkit-border-radius: 2em;



	-moz-border-radius: 2em;







	-webkit-box-shadow: 0 1px 3px rgba(0,0,0, .4);



	-moz-box-shadow: 0 1px 3px rgba(0,0,0, .4);



}



#nav2 li {



	margin: 0 5px;



	padding: 0 0 8px;



	float: left;



	position: relative;



	list-style: none;



}











/* main level link */



#nav2 a {



	font-weight: bold;



	color: #e7e5e5;



	text-decoration: none;



	display: block;



	padding:  8px 20px;



	margin: 0;







	-webkit-border-radius: 1.6em;



	-moz-border-radius: 1.6em;



	



	text-shadow: 0 1px 1px rgba(0,0,0, .3);



}



#nav2 a:hover {



	background: #000;



	color: #fff;



}







/* main level link hover */



#nav2 .current a, #nav2 li:hover > a {



	background: #666 url(images/gradient.png) repeat-x 0 -40px;



	color: #444;



	border-top: solid 1px #f8f8f8;







	-webkit-box-shadow: 0 1px 1px rgba(0,0,0, .2);



	-moz-box-shadow: 0 1px 1px rgba(0,0,0, .2);



	box-shadow: 0 1px 1px rgba(0,0,0, .2);







	text-shadow: 0 1px 0 rgba(255,255,255, 1);



}







/* sub levels link hover */



#nav2 ul li:hover a, #nav2 li:hover li a {



	background: none;



	border: none;



	color: #666;







	-webkit-box-shadow: none;



	-moz-box-shadow: none;



}



#nav2 ul a:hover {



	background: #0078ff url(images/gradient.png) repeat-x 0 -100px !important;



	color: #fff !important;







	-webkit-border-radius: 0;



	-moz-border-radius: 0;







	text-shadow: 0 1px 1px rgba(0,0,0, .1);



}







/* dropdown */



#nav2 li:hover > ul {



	display: block;



}







/* level 2 list */



#nav2 ul {



	display: none;







	margin: 0;



	padding: 0;



	width: 185px;



	position: absolute;



	top: 35px;



	left: 0;



	background: #ddd url(images/gradient.png) repeat-x 0 0;



	border: solid 1px #b4b4b4;







	-webkit-border-radius: 10px;



	-moz-border-radius: 10px;



	border-radius: 10px;







	-webkit-box-shadow: 0 1px 3px rgba(0,0,0, .3);



	-moz-box-shadow: 0 1px 3px rgba(0,0,0, .3);



	box-shadow: 0 1px 3px rgba(0,0,0, .3);



}



#nav2 ul li {



	float: none;



	margin: 0;



	padding: 0;



}







#nav2 ul a {



	font-weight: normal;



	text-shadow: 0 1px 0 #fff;



}







/* level 3+ list */



#nav2 ul ul {



	left: 181px;



	top: -3px;



}







/* rounded corners of first and last link */



#nav2 ul li:first-child > a {



	-webkit-border-top-left-radius: 9px;



	-moz-border-radius-topleft: 9px;







	-webkit-border-top-right-radius: 9px;



	-moz-border-radius-topright: 9px;



}



#nav2 ul li:last-child > a {



	-webkit-border-bottom-left-radius: 9px;



	-moz-border-radius-bottomleft: 9px;







	-webkit-border-bottom-right-radius: 9px;



	-moz-border-radius-bottomright: 9px;



}







/* clearfix */



#nav2:after {



	content: ".";



	display: block;



	clear: both;



	visibility: hidden;



	line-height: 0;



	height: 0;



}



#nav2 {



	display: inline-block;



} 



html[xmlns] #nav2 {



	display: block;



}



 



* html #nav2 {



	height: 1%;



}







#footer-above 



{ width: 950px; heigh: 220px; margin: 5px auto; padding: 10px; background: white; -moz-box-shadow: 0 0 7px #C0C0C0; -webkit-box-shadow: 0 0 06px #C0C0C0; box-shadow: 0 0 07px #C0C0C0;  -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }







#copy { background-repeat: repeat-x; width: 960px; margin: 0px auto; padding: 10px 10px 5px 10px; font-size: 11px; box-shadow: 0px 0px 5px #bbb; -moz-box-shadow: 0px 0px 5px #bbb; -webkit-box-shadow: 0px 0px 5px #bbb; }



#imagealign{

text-align: center;

}



/* Menu bar CSS */



#navv {

	margin: 0;

	padding: 7px 6px 0;

	background: #7d7d7d url(images/gradient.png) repeat-x 0 -110px;

	line-height: 100%;



	border-radius: 2em;

	-webkit-border-radius: 2em;

	-moz-border-radius: 2em;



	-webkit-box-shadow: 0 1px 3px rgba(0,0,0, .4);

	-moz-box-shadow: 0 1px 3px rgba(0,0,0, .4);

}

#navv li {

	margin: 0 5px;

	padding: 0 0 8px;

	float: left;

	position: relative;

	list-style: none;

}





/* main level link */

#navv a {

	font-weight: bold;

	color: #e7e5e5;

	text-decoration: none;

	display: block;

	padding:  8px 20px;

	margin: 0;



	-webkit-border-radius: 1.6em;

	-moz-border-radius: 1.6em;

	

	text-shadow: 0 1px 1px rgba(0,0,0, .3);

}

#navv a:hover {

	background: #000;

	color: #fff;

}



/* main level link hover */

#navv .current a, #nav li:hover > a {

	background: #666 url(images/gradient.png) repeat-x 0 -40px;

	color: #444;

	border-top: solid 1px #f8f8f8;



	-webkit-box-shadow: 0 1px 1px rgba(0,0,0, .2);

	-moz-box-shadow: 0 1px 1px rgba(0,0,0, .2);

	box-shadow: 0 1px 1px rgba(0,0,0, .2);



	text-shadow: 0 1px 0 rgba(255,255,255, 1);

}



/* sub levels link hover */

#navv ul li:hover a, #nav li:hover li a {

	background: none;

	border: none;

	color: #666;



	-webkit-box-shadow: none;

	-moz-box-shadow: none;

}

#navv ul a:hover {

	background: #0078ff url(images/gradient.png) repeat-x 0 -100px !important;

	color: #fff !important;



	-webkit-border-radius: 0;

	-moz-border-radius: 0;



	text-shadow: 0 1px 1px rgba(0,0,0, .1);

}



/* dropdown */

#navv li:hover > ul {

	display: block;

}



/* level 2 list */

#navv ul {

	display: none;



	margin: 0;

	padding: 0;

	width: 185px;

	position: absolute;

	top: 35px;

	left: 0;

	background: #ddd url(images/gradient.png) repeat-x 0 0;

	border: solid 1px #b4b4b4;



	-webkit-border-radius: 10px;

	-moz-border-radius: 10px;

	border-radius: 10px;



	-webkit-box-shadow: 0 1px 3px rgba(0,0,0, .3);

	-moz-box-shadow: 0 1px 3px rgba(0,0,0, .3);

	box-shadow: 0 1px 3px rgba(0,0,0, .3);

}

#navv ul li {

	float: none;

	margin: 0;

	padding: 0;

}



#navv ul a {

	font-weight: normal;

	text-shadow: 0 1px 0 #fff;

}



/* level 3+ list */

#navv ul ul {

	left: 181px;

	top: -3px;

}



/* rounded corners of first and last link */

#navv ul li:first-child > a {

	-webkit-border-top-left-radius: 9px;

	-moz-border-radius-topleft: 9px;



	-webkit-border-top-right-radius: 9px;

	-moz-border-radius-topright: 9px;

}

#navv ul li:last-child > a {

	-webkit-border-bottom-left-radius: 9px;

	-moz-border-radius-bottomleft: 9px;



	-webkit-border-bottom-right-radius: 9px;

	-moz-border-radius-bottomright: 9px;

}



/* right bar */



#rightbar {



 width: 295px;



  margin-left: auto;



  margin-right: auto;



  text-align: center;



}



#market2

{

	padding: 10px, 10px, 10px, 10px;

}	



#starting 

{

	background-image:url("<?php bloginfo('template_directory'); ?>/price-bar.png");

	height: 11px;

    padding: 10px;

    text-align: center;

}



#imagebag {

	padding: 10px;

}



#sidebar-left {

	width: 300px;



}





#recent-pannel {

    border: 1px solid #CCCCCC;

    width: 306px;

}


#recent-blog {

    border: 1px solid #CCCCCC;
    padding: 5px;
    width: 284px;
}


/*Sub category CSS */

        .sub_category{
            width: 30%;
            height: 300px;

        }

        .sub_category ul
        {
            width:300px;
            margin-bottom:20px;
            overflow:hidden;

        }

       .sub_category li
        {
            line-height:1.5em;
            border-bottom:1px solid
            #ccc; float:left;
            display:inline;
        }
        .double li
        {
            width:50%;
        }
/* Sub Category CSS End */

/* Show More Container Start */

.text-content{
    line-height: 1em;
}

.short-text {
    overflow: hidden;
    height: 4em;
}

.full-text{
    height: auto;
}


.show-more {
    padding: 10px 0;
    text-align: center;
}
/* Show More Container End*/

#search {
    background: none repeat scroll 0 0 #f2f2f2;
    height: 53px;
    width: 1010px;
}

<style>