/*
Theme Name: Solid Cactus - eCommerce 10/13/09
Theme URI: http://www.solidcactus.com
Description: Solid Cactus eCommerce Update
Version: 1.0
Author: Solid Cactus
Author URI: http://www.solidcactus.com
Tags: Solid Cactus eCommerce Update
*/

@import url(images/rtl.css);

body { font: normal 12px arial, helvetica, sans-serif; padding:7px 0 0 0; margin:0;}
form, input, h1, h2, h3, h4, h5, ul, li {list-style: none; margin: 0; padding: 0; }
img {border:0;}
.clear {clear:both;}
.addspace1 {height:15px;}
a { text-decoration: underline; }
a:hover { text-decoration: none; }
body { font: normal 13px/17px arial, helvetica, sans-serif; }
a { text-decoration: none; }
a img { border: none; }
a:hover { text-decoration: underline; }
body { background: #F0F0F0 url(images/bg.jpg) top left repeat-x; }
.wrapper { margin: 0 auto; width: 960px; }
.overall { float: left; margin: 0; width: 960px; }
.mbg { clear: both; }
#eheader { 
    background: url(images/headerbg.gif) top left no-repeat;
    float: left;
	height: 100px;
    width: 960px;
    }
    #eheader .logo { 
        display: block;
        float: left;
        margin: 14px 0 0 20px;
        width: 280px;
        }
    #eheader .hdright { 
        float: left;
        width: 650px;
        }
        #eheader .hdright .tpnav { 
            float: left;
			list-style: none;
            margin: -7px 0 0;
            padding: 0; 
			width: 500px;
            }
            #eheader .hdright .tpnav li { 
                background: url(images/hdrpt.gif) bottom left repeat-x; 
                float: left;
                height: 38px;
                margin: 0;
                padding: 0;
                }
                #eheader .hdright .tpnav li a { 
                    border-right: solid 1px #C2C2C2;
                    color: #474747;
                    display: block;
                    font: normal 12px arial, helvetica, sans-serif;
                    margin: 15px 0 0;
                    padding: 0 5px;
                    }
                    #eheader .hdright .tpnav li a.last { border: none; }
            #eheader .hdright .tpnav .open { 
                background: url(images/hdrleft.gif) top left no-repeat; 
                height: 39px;
                width: 10px;
                }
            #eheader .hdright .tpnav .close { 
                background: url(images/hdrright.gif) top left no-repeat; 
                height: 39px;
                width: 10px;
                }
        #eheader .hdright .phone { 
            background: url(images/phonebg.gif) top left no-repeat;
            float: left;
            height: 31px;
            margin: 0 0 0 10px;
            width: 139px;
            }
            #eheader .hdright .phone div {
                font-weight: bold;
                margin: 8px 0 0 35px; 
                }
        #eheader .hdright .mnav { 
            clear: both; 
            float: right;
            list-style: none;
            margin: 30px 0 10px 0;
            padding: 0;
			width: 45%;
            }
            #eheader .hdright .mnav li { 
                float: left;
                height: 27px;
                margin: 0 2px;
                padding: 0;
                }
                #eheader .hdright .mnav li a { 
                    background: url(images/hoverlft.gif) left -40px no-repeat;
                    color: #FFF;
                    display: block;
                    font: bold 11px "Trebuchet MS", arial, sans-serif;
                    height: 27px;
                    letter-spacing: 1px;
                    margin: 0;
                    padding: 7px 8px;
                    position: relative;
                    text-transform: uppercase;
                    }
                    #eheader .hdright .mnav li a div { 
                        background: url(images/hovert.gif) bottom left no-repeat;
                        height: 27px;
                        position: absolute;
                        right: 0;
                        top: 0;
                        width: 4px;
                        }
                    #eheader .hdright .mnav li a:hover, #eheader .hdright .mnav li a:hover div { 
                        background-position: top left; 
                        text-decoration: none;
                        }
				#eheader .hdright .mnav li.login {
					background: url(images/hoverlft.gif) left top no-repeat;
					}
					#eheader .hdright .mnav li.login a { 
						background: url(images/login.gif) 7px 5px no-repeat;
						padding-left: 25px;
						}
						#eheader .hdright .mnav li.login a div { background-position: top left; }
#ebody { background-color: #FFF; clear: both; float: left; margin: 0; width: 100%; }
    #ebody .tcont { border-bottom: solid 1px #E5E5E5; float: left; margin: 0 0 5px 0; padding: 5px 0 0; width: 100%; }
    #ebody .submod { float: left; margin: 20px 0; width: 100%; }
        #ebody .submod .cunit { 
			border-right: solid 1px #E2E2E2; 
			float: left; 
			font: normal 12px arial, helvetica, sans-serif;
			width: 620px; 
			}
			#ebody .submod .cunit h1 { 
				font: 700 14px arial, helvetica sans-serif; 
				}
			#ebody .submod .cunit p { margin: 10px 20px 10px 0; }
			#ebody .submod .cunit .link a { color: #810000; }
        #ebody .submod .reclaunch { float: right; width: 325px; }
			#ebody .submod .reclaunch .modulelg h3 { 
				color: #8C8C8C;
				font: normal 11px helvetica, arial, sans-serif;
				margin: 0;
				padding: 0 0 5px; 
				text-transform: uppercase; 
				}
			#ebody .submod .reclaunch .modulelg .portname { 
				color: #424242;
				font: normal 11px helvetica, arial, sans-serif; 
				padding: 7px 0 0; 
				position: relative; 
				}
				#ebody .submod .reclaunch .modulelg .portname a { 
					background: url(images/vmoarr.gif) center right no-repeat;
					display: block; 
					color: #7A7A7A;
					padding: 0 15px 0 0;
					position: absolute;
					right: 0;
					top: 7px; 
					}
#efooter { clear: both; float: left; width: 100%; }
    #efooter .icons { background-color: #F0F0F0; height: 60px; float: left; font-size: 7px; width: 100%; }
        #efooter .icons a { display: block; float: left; padding: 0 2px 0 3px; position: relative; }
            #efooter .icons a.inc500 { margin: 0 0 0 6px; width: 55px; }
            #efooter .icons a.bestplace { width: 113px; }
            #efooter .icons a.topretailer { width: 68px; }
            #efooter .icons a.madeinusa { width: 149px; }
            #efooter .icons a.ups { width: 36px; }
            #efooter .icons a.fedex { width: 93px; }
            #efooter .icons a.usps { width: 116px; }
            #efooter .icons a.paypal { width: 102px; }
            #efooter .icons a.mastercard { width: 40px; }
            #efooter .icons a.visa { width: 40px; }
            #efooter .icons a.amex { width: 34px; }
            #efooter .icons a.discover { width: 39px; }
            #efooter .icons a div { 
                background-position: top left; 
                background-repeat: no-repeat; 
                height: 58px;
                left: 0; 
                position: absolute; 
                top: 0; 
                }
            #efooter .icons a:hover div { background-position: bottom left; } 
                #efooter .icons a.inc500 div { background-image: url(images/inc500.gif); width: 55px; }
                #efooter .icons a.bestplace div { background-image: url(images/bestplace.gif); width: 113px; }
                #efooter .icons a.topretailer div { background-image: url(images/topretailer.gif); width: 68px; }
                #efooter .icons a.madeinusa div { background-image: url(images/madeinusa.gif); width: 149px; }
                #efooter .icons a.ups div { background-image: url(images/ups.gif); width: 36px; }
                #efooter .icons a.fedex div { background-image: url(images/fedex.gif); width: 93px; }
                #efooter .icons a.usps div { background-image: url(images/usps.gif); width: 116px; }
                #efooter .icons a.paypal div { background-image: url(images/paypal.gif); width: 102px; }
                #efooter .icons a.mastercard div { background-image: url(images/mastercard.gif); width: 40px; }
                #efooter .icons a.visa div { background-image: url(images/visa.gif); width: 40px; }
                #efooter .icons a.amex div { background-image: url(images/amex.gif); width: 34px; }
                #efooter .icons a.discover div { background-image: url(images/discover.gif); width: 39px; }
    #efooter .ftrlinks { border: solid 1px #CDCDCD; clear: both; float: left; margin: 10px 0; width: 100%; }
        #efooter .ftrlinks .wrapr { border: solid 1px #FFF; }
            #efooter .ftrlinks .wrapr table { 
                background: #E9E9E9 url(images/footerbg.gif) bottom left repeat-x; 
                padding: 10xp 0;
                }
				#efooter .ftrlinks .wrapr td { padding: 0 0 15px; }
                #efooter .ftrlinks .wrapr ul { 
                    border-right: solid 1px #BDBDBD; 
                    list-style: none; 
                    margin: 15px 0 0; 
                    padding: 0; 
                    }
                    #efooter .ftrlinks .wrapr ul.last { border: none; }
                    #efooter .ftrlinks .wrapr ul li { margin: 0; padding: 0; }
                        #efooter .ftrlinks .wrapr ul li a { 
                            color: #313131; 
                            display: block;
                            font: normal 14px arial, helvetica, sans-serif;
                            padding: 5px 0 5px 25px;
                            text-decoration: none; 
                            }
                            #efooter .ftrlinks .wrapr ul li a:hover { text-decoration: underline; }
    #efooter .creds { 
        clear: both; 
        color: #757575; 
        float: left; 
        font: normal 10px arial, helvetica, sans-serif; 
        margin: 0 0 10px;
        width: 100%; 
        }
        #efooter .creds a { color: #757575; }
        #efooter .creds .cleft { float: left; width: 45%; }
        #efooter .creds .cright { float: right; text-align: right; width: 45%; }
    #efooter .webfooter { background-color: #8C8C8C; float: left; padding: 0 0 40px; width: 100%; }
    #efooter .webfooter table { color: #FFF; margin: 0 auto; width: 930px; }
    #efooter .webfooter a img { padding: 15px 10px; }
    #efooter .webfooter strong { float: left; font-size: 11px; font-weight: bold; padding: 10px 0 0; }
    #efooter .webfooter ul { clear: both; list-style: none; margin: 0; padding: 0; }
    #efooter .webfooter ul li { display: inline; padding: 0 7px 0 0; }
    #efooter .webfooter ul li a { border-right: solid 1px #FFF; color: #FFF; font-size: 11px; padding: 0 10px 0 0; }
    #efooter .webfooter ul li a:hover { text-decoration: none; }
    #efooter .webfooter ul li a.last { border: 0; }

/* carousel */
#caro {position:relative; overflow:hidden; xbackground:url(images/headerbtm.gif) repeat-x 0 bottom;}
#carotabs a.carotabon {color:#f00;}
#mycarousel {position:absolute; xleft:-397px; left: -515px;}
#carotabs {margin:0 auto;}
/*
#carotabs a {background:url(images/tabbot.jpg) no-repeat 0 bottom; height:66px; display:block; float:left; color:#777; text-decoration:none;}
#carotabs a div {text-align:center; font-size:11px; padding-top:2px;}
#carotabs a img {padding:0 2px;}
*/

/* ------------------------------------------------------------------------
	Popin
------------------------------------------------------------------------- */
.tbcont {display:none;}
.modleft {padding: 20px 15px 15px 15px;}
.mod1 {background:url(images/insidemachine-footer.jpg) no-repeat 0 bottom;}
.mod2 {background:url(images/designsell-footer.jpg) no-repeat 0 bottom;}
.mod3 {background:url(images/ultimatepackage-footer.jpg) no-repeat 0 bottom;}
.mod4 {background:url(images/managedsvs-footer.jpg) no-repeat 0 bottom;}

.modleft ul {margin:5px 0;}
.modleft ul li {list-style-type:circle; margin:2px 0 0 15px;}
#overlay {background: #000; position: absolute; top: 0; left: 0; z-index: 10000; width: 100%;}
.prettyPopin {display: none; overflow: hidden; position: absolute; z-index: 11000; top: 50%; left: 50%; background: #fff;}
.prettyPopin a#b_close {display: none;	position: absolute; z-index: 2;	top: 10px; right: 13px;	width: 41px; height: 9px; text-indent: -10000px; background: url(images/b_close.gif) bottom left no-repeat;}
.prettyPopin .prettyContent {position: relative; width: 100%; height: 100%;	font-size: 1.1em; background: #fff; border-top:4px solid #00375c;}
.prettyPopin .prettyContent .prettyContent-container {display: none; }
.prettyPopin .prettyContent .loader {position: absolute; top: 50%; left: 50%; margin: -14px 0 0 -14px;}

#reclaunch { height: 200px; position: relative; }
#reclaunch table { display: none; position: absolute; top: 0; }
#reclaunch .portimg img { width: 310px; }
.mod4 a.contactactivate { color: #002E4F; }
.cform { width: 380px; float: left; padding: 0 0 10px; margin: 0 0 0 250px; background: url(http://www.solidcactusecommerce.com/wp-content/themes/ecommerce/images/contactbg.jpg) right top no-repeat; }
.cform form { margin: 0 10px 10px; padding: 10px; }
.cform form div { clear: both; float:left; width:80px; padding: 2px 4px 0 0; color:#fff; text-align:right; font-size:11px; }
.cform form input { float: left; margin-bottom: 1px; }

/*---- Training Videos ----*/
#vidz .sect { clear: both; float: left; width: 900px; }
#vidz .sect .pagetitle { border-bottom: solid 1px #CCC; color: #000!important; font: bold 16px "Trebuchet MS", arial, sans-serif; }
#vidz .sect .adunit { 
	float: left; 
	font: normal 12px arial, helvetica, sans-serif; 
	margin: 5px 5px 10px; 
	width: 32%; 
	}
	#vidz .sect .adunit p { margin: 0; padding: 0; }
    #vidz .sect .adunit a { 
		color: #0CA7E2; 
		font: bold 12px arial, helvetica, sans-serif; 
		display: block; 
		float: left;
		margin: 0; 
		text-decoration: none;
		width: 200px;
		}
		#vidz .sect .adunit a:hover { text-decoration: underline; }
    #vidz .sect .adunit a.img { 
		float: left; 
		height: 60px;
		margin: 0 5px 0 0;
		position: relative;
		width: 80px; 
		}
		#vidz .sect .adunit a.img img { border: none; }
    #vidz .sect .adunit .time { 
		background: url(/images/clock.png) center left no-repeat;
		float: left;
		padding: 5px 0 5px 20px;
		}
	#vidz .sect .adunit a.img span { 
		background: url(/images/thumb_hover.png) top center no-repeat;
		display: block;
		height: 60px;
		position: absolute; 
		top: 0px; 
		left: 0px;
		width: 74px; 
		}
		#vidz .sect .adunit a:hover span { background-position: bottom center; cursor: pointer; }
.training-videos .contents { float: left; width: 650px; }
	.training-videos .contents p { margin: 0 0 0 100px; }
.vidz { float: left; width: 190px; }
	.vidlinx { }
		.vidlinx li { padding: 5px 0; }
			.vidlinx li a { color: #666; padding: 0 0 0 15px; text-decoration: none; }
				.vidlinx li a:hover { text-decoration: underline; }
#econtainer .posts, #econtainer .blogposts  { background-color: #F0F0F0; margin: 10px 20px; padding: 10px; }
#econtainer .blogposts { width: 900px; }
/* Email */
.emcont { float: left; width: 100%; }
	.emcont .post { padding-top: 0!important; }
	.emcont .mcont { float: left; margin: 0 0 0 15px; width: 620px; }
		.emcont .mcont .hd { font: bold 15px tahoma, arial, sans-serif; padding: 20px 0 0; }
		.emcont .mcont h1.pagetitle { font: bold 26px tahoma, arial, sans-serif!important; }
			.emcont .mcont h1.pagetitle div { color: #666; font-size: 18px!important; font-weight: normal; }
		.emcont .mcont .one { background: url(images/10steps/one.gif) center left no-repeat; height: 100px; }
			.emcont .mcont .one div { margin: 5px 0 5px 95px; width: 450px; }
			.emcont .mcont .one .hd { color: #993537; }
		.emcont .mcont .two { background: url(images/10steps/two.gif) center left no-repeat; height: 100px; }
			.emcont .mcont .two div { margin: 5px 0 5px 95px; width: 450px; }
			.emcont .mcont .two .hd { color: #707D61; }
		.emcont .mcont .three { background: url(images/10steps/three.gif) center left no-repeat; height: 100px; }
			.emcont .mcont .three div { margin: 5px 0 5px 95px; width: 450px; }
			.emcont .mcont .three .hd { color: #645A57; }
		.emcont .mcont .four { background: url(images/10steps/four.gif) center left no-repeat; height: 100px; }
			.emcont .mcont .four div { margin: 5px 0 5px 95px; width: 450px; }
			.emcont .mcont .four .hd { color: #2A5977; }
		.emcont .mcont .five { background: url(images/10steps/five.gif) center left no-repeat; height: 100px; }
			.emcont .mcont .five div { margin: 5px 0 5px 95px; width: 450px; }
			.emcont .mcont .five .hd { color: #993537; }
		.emcont .mcont .six { background: url(images/10steps/six.gif) center left no-repeat; height: 100px; }
			.emcont .mcont .six div { margin: 5px 0 5px 95px; width: 450px; }
			.emcont .mcont .six .hd { color: #707D61; }
		.emcont .mcont .seven { background: url(images/10steps/seven.gif) center left no-repeat; height: 100px; }
			.emcont .mcont .seven div { margin: 5px 0 5px 95px; width: 450px; }
			.emcont .mcont .seven .hd { color: #645A57; }
		.emcont .mcont .eight { background: url(images/10steps/eight.gif) center left no-repeat; height: 100px; }
			.emcont .mcont .eight div { margin: 5px 0 5px 95px; width: 450px; }
			.emcont .mcont .eight .hd { color: #2A5977; }
		.emcont .mcont .nine { background: url(images/10steps/nine.gif) center left no-repeat; height: 100px; }
			.emcont .mcont .nine div { margin: 5px 0 5px 95px; width: 450px; }
			.emcont .mcont .nine .hd { color: #993537; }
		.emcont .mcont .ten { background: url(images/10steps/ten.gif) center left no-repeat; height: 100px; }
			.emcont .mcont .ten div { margin: 5px 0 5px 95px; width: 450px; }
			.emcont .mcont .ten .hd { color: #707D61; }
	.emcont .mform { 
		
		float: left; 
		margin: 30px 0 0; 
		width: 258px; 
		}
		.emcont .mform .txt { 
			background: url(images/10steps/rdtop.gif) top center no-repeat;
			color: #FFF;
			font: normal 19px/22px arial, helvetica, sans-serif;
			padding: 13px 0;
			text-align: center;
			}
		.emcont .mform .frm { 
			float: left; 
			margin: 0 0 0 15px;
			width: 258px;
			}
			.emcont .mform .fthi {
				background: url(images/10steps/contactrpt.gif) top center repeat-y;
				float: left;
				padding: 5px 0 1px 0;
				width: 258px;
				}
				.emcont .mform .fthi .tp { font-size: 11px; margin: 0 15px; padding: 0 0 10px; width: 230px; }
				.emcont .mform .fthi form { margin: 0 15px; }
			.emcont .mform .scNegotiationFieldText { color: #666; font-size: 11px; padding: 5px 5px 5px 0; text-align: right; }
			.emcont .mform .cmts { width: 220px; }
			.emcont .mform .scNegotiationSubmitButton { padding: 5px 0 0; }
		.emcont .mform .fbot { 
			background: url(images/10steps/cartbg.jpg) 6px bottom no-repeat;
			clear: both;
			float: left;
			height: 312px;
			width: 298px; 
			}
/* contact form */
#econtact {display:none; background:#8A0F11 url(images/contact_bg_red.jpg) repeat-x 0 0; border-bottom:2px solid #ddd; }
#econtact .econtwrap { height:125px; margin: 0 auto; position:relative; width: 960px; }
#econtact #econtactinfo {float:left; width:550px;}
#econtact #econtactinfo p {padding:5px 10px 10px 25px; color:#fff; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif;}
#econtact #econtactinfo p strong.contacttitle {font-size:13px; display:block; padding:0 0 7px 0;}
#econtact #econtactinfo p strong.contactphone {display:block; padding:4px; text-align:center; font-size:15px;}
#econtact form {float:left; width:320px; padding-top:4px;}
#econtact form td.econtilabel{width:80px; padding:2px 4px 0 0; color:#fff; text-align:right; font-size:11px;}
#econtact form td span {color:#fff; font-size:11px;}
#econtact form input.econti {border:0; width:218px; height:19px; padding:2px 0 0 5px;font-size:11px;}
#econtact form input.phone {width:128px; height:19px; padding:2px 0 0 5px;}
#econtact form input.ext {width:58px;}
#econtact form input.contactbtn {position:absolute; height:19px; width:67px; right:12px; bottom:32px; }
#contactclose {position:absolute; display:block; height:20px; width:55px; right:12px; bottom:3px; background:url(images/closebtn.png) no-repeat 0 0;}

#ebody .bodyoverall { background-color: #FFF; color: #313131; float: left; margin: 15px 0 10px; width: 960px; }
#ebody .emcont { background-color: #FFF; margin: 15px 0 10px; padding: 10px; width: 940px!important; }
#ebody .bdycont { float: left; margin: 10px 0 10px 10px; width: 600px; }
#ebody .lnav { float: left; margin: 10px 10px 10px 35px; width: 295px; }
#ebody #sidebar { background: url(images/navrpt.gif) top center repeat-y; float: left; margin: 10px 10px 10px 35px; width: 295px;}
	#ebody #sidebar .ntop { 
		background: url(images/navtop.gif) bottom center no-repeat; 
		height: 10px;
		width: 295px;
		}
	#ebody #sidebar .nbot { 
		background: url(images/navbot.gif) top center no-repeat; 
		height: 10px;
		width: 295px;
		}
	#ebody #sidebar li.hd { border-bottom: solid 1px #CCC; font-weight: bold; font-size: 14px; margin: 0 10px; padding: 0 0 5px 10px; }
	#ebody #sidebar li a { color: #313131; display: block; padding: 3px 0 3px 20px; }
#ebody .contents ul { margin: 0 0 0 30px; }
	#ebody .contents ul li { list-style: disc; }
#ebody .ico { float: left; margin: 10px 0 0 35px; }
#ebody .bdycont h1.pagetitle { padding: 5px 0 0; }